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.
Breathing Halo Hero
heroesA 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.
Halo Mesh Field
backgroundsA 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.
Soft Glow Button
componentsA 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.
Halo Treatment Card
componentsA 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.
Concern Finder Section
sectionsA 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.
Halo Concern Nav
componentsA 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.
Veil Resolve Heading
text effectsA 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.
Aura Booking Picker
patternsA 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.
Lit Rooms Membership
sectionsMemberships 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.
Dusk Set Footer
sectionsA 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.
Breath Pacer Ring
animationsA 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.
The site they were cut from
Every asset above, composed as one working site. It ships with the kit.
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-site6 Pro and 6 free assets. Pro installs through the @viberdy namespace with your API key, set up once. Set it up