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

Aurora

Light curtains on a dark sky that drift slowly and lean toward the pointer.

Every asset, standalone

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

Featured
NewPro

A first screen at night under real aurora in WebGL: curtains fold, ray and drift over a sleeping city and bow toward the pointer, and the headline sits on frosted glass tinted by the live sky.

herowebglshader
NewPro

The kit's aurora on its own, in WebGL: three curtains with bright borders, fraying rays and folds over a field of stars, bowing toward the pointer, for any dark section.

backgroundwebglshader
New

A night-glass pill with a sliver of aurora under it, turning on a 60s clock that every button on the page shares, spreading on hover and sending a ring of light out on press.

buttonglowaurora
New

Aurora Rim Card

components

A night-glass card with a slow aurora rim that turns once every 52 seconds, feathered into light, brightening near the pointer while the card tilts a hair toward it.

cardrimborder
NewPro

Feature cards as windows onto one sky: a single WebGL canvas draws the aurora only inside each card's window, so a curtain carries on from one window to the next.

sectionfeatureswebgl
NewPro

A footer where the lights come out as the page ends: scroll raises the aurora from behind the city's roofline, widens it into violet and rose and lights more windows under a large lit wordmark.

footerscrollwebgl
New

Aurora Drift Text

text effects

Display type filled with aurora light: three bands drift through the letters on slow loops, ray threads slide through them, and the brightest band leans toward the pointer when it comes near.

textheadinggradient text
New

Aurora Flow Nav

components

A floating night-glass nav whose active mark is a band of aurora light that takes the colour of the sky above its link and flows to the next one leading edge first.

navigationnavbarindicator
NewPro

Usage pricing where the sky answers the number: a log-scale slider rolls the price digit by digit while the aurora behind widens from a dim, cool display to the whole palette and the city lights up.

pricingslidercalculator
New

The pointer paints a small aurora: a ribbon of light coloured from the indigo fringe to rose that fades like the sky, sending short rays up from every point so the trail reads as a curtain.

cursortrailpointer
New

A waitlist field that lights like the sky: focus raises a two-hue bloom and lights the rim, every keystroke sends a rose ripple from the caret, and joining sweeps the whole palette once.

forminputemail

The site they were cut from

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

viberdy.dev/library/aurora-site

Aurora Site

View template

Complete kit · Drop 07

The whole Aurora kit in one command.

npx shadcn@latest add @viberdy/aurora-horizon-hero @viberdy/aurora-curtain-field @viberdy/aurora-glow-button @viberdy/aurora-rim-card @viberdy/aurora-window-features @viberdy/aurora-rise-footer @viberdy/aurora-drift-text @viberdy/aurora-flow-nav @viberdy/aurora-volume-pricing @viberdy/aurora-ribbon-cursor @viberdy/aurora-glow-input @viberdy/aurora-site

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