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.
Aurora Horizon Hero
heroesA 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.
Aurora Curtain Field
backgroundsThe 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.
Aurora Glow Button
componentsA 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.
Aurora Rim Card
componentsA 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.
Aurora Window Features
sectionsFeature 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.
Aurora Rise Footer
sectionsA 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.
Aurora Drift Text
text effectsDisplay 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.
Aurora Flow Nav
componentsA 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.
Aurora Volume Pricing
sectionsUsage 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.
Aurora Ribbon Cursor
animationsThe 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.
Aurora Glow Input
patternsA 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.
The site they were cut from
Every asset above, composed as one working site. It ships with the kit.
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-site6 Pro and 6 free assets. Pro installs through the @viberdy namespace with your API key, set up once. Set it up