Skip to content
StyleDrop 06 · 27 Sept 2026Complete kit · 12 assets

Diffused Glow

Soft grainy halos on deep or jewel-tone fields, a refined serif and one calm reaction per view.

Every asset, standalone

Designed together as one site, then cut apart. Take one, or take the whole kit.

Featured
NewPro

A first screen in a near-black jade room lit by two soft, grained halos in WebGL: the lead one breathes on a slow cycle and leans toward the pointer with a 900ms settle, and the serif headline warms where the light sits behind it.

herowebglshader
NewPro

Halo Mesh Field

backgrounds

A quiet WebGL field for the body of a page: two grained pools of colour drift across warm bone like light through tinted glass, and a warm lamp gathers under the pointer where you rest.

backgroundwebglshader
New

A pill with a grained light inside it that follows the pointer with a slow settle, a diffused bloom that rises behind it, and a press that exhales a soft ring of light.

buttonglowgrain
New

A treatment card with a light well: a grained halo in the treatment's own colour rests low, then rises and blooms toward the pointer on hover or focus while the card lifts on a feathered shadow.

cardtreatmentservice
NewPro

A three-question treatment finder: pick a concern, sensitivity and downtime, and the treatments that fit rise into the light, each as bright as its fit, gliding to new ranks as answers change.

sectionquizfinder
NewPro

A floating nav in warm day glass whose Treatments menu opens by skin concern: a soft halo glides behind the concern you point at or arrow to, and its treatments resolve out of a blur beside it.

navigationnavbarmega menu
New

A serif heading that arrives out of soft light: each word condenses from a blur into focus with an 80ms stagger while a glow blooms behind the words and fades as they sharpen.

textheadingblur
New

A booking picker in three quiet steps, treatment, day and time, where the chosen time blooms into a grained halo, and a request that needs your handler before it confirms anything.

formbookingappointment
NewPro

Memberships as three rooms along a corridor, each with its own grained lamp: point at one and its light rises while the others dim, and the billing switch resolves every price out of a blur.

sectionpricingmembership
New

A footer that sets like the sun: as it scrolls in, a grained halo sinks toward a hairline horizon, warming from gold through rose to ember, behind a giant italic serif wordmark.

footerscrollsunset
New

A breathing guide in soft light: a grained halo swells as you breathe in and settles as you breathe out, a thin ring traces each phase and the seconds count down; it starts only when asked.

breathingmeditationwellness

The site they were cut from

Every asset above, composed as one working site. It ships with the kit.

viberdy.dev/library/diffused-glow-site

Diffused Glow Site

View template

Complete kit · Drop 06

The whole Diffused Glow kit in one command.

npx shadcn@latest add @viberdy/breathing-halo-hero @viberdy/halo-mesh-field @viberdy/soft-glow-button @viberdy/halo-treatment-card @viberdy/concern-finder-section @viberdy/halo-concern-nav @viberdy/veil-resolve-heading @viberdy/aura-booking-picker @viberdy/lit-rooms-membership @viberdy/dusk-set-footer @viberdy/breath-pacer-ring @viberdy/diffused-glow-site

6 Pro and 6 free assets. Pro installs through the @viberdy namespace with your API key, set up once. Set it up