# hero

Featured Components⚛ TSX Live preview

Shooting-Star Canvas Background

Twinkling starfield with periodic gradient shooting stars streaking across — drop it behind any hero.

10k63.4k11.2kOpen

Featured Site Templates Live preview

Aurora — SaaS Landing with Drifting Blobs

Dark hero with animated aurora gradient blobs, staggered entrance choreography and lift-on-hover feature cards. The modern AI-startup look.

4.8k38.2k5.1kOpen

Featured UI Elements Live preview

Clip-path shutter text reveal

Headline lines reveal left-to-right like a camera shutter opening, via animated inset clip-path.

HTMLCSSSimple

50300Open

Featured Site Templates Live preview

Synthwave perspective grid floor

Retrowave horizon: infinite scrolling perspective grid floor, striped setting sun, neon headline.

HTMLCSSSimple

52100Open

UI Elements Live preview

Typewriter rotating words

Type-delete cycling of gradient words after a fixed lead phrase, with a blinking caret.

45800Open

Featured Animations Live preview

Mouse parallax floating symbols

Four glowing geometric symbols drift at different depths against the cursor; headline moves subtly on top.

40200Open

Site Templates Live preview

Lumen — SaaS Landing with Drifting Blobs

Dark hero with animated aurora gradient blobs, staggered entrance choreography and lift-on-hover feature cards. The modern AI-startup look.

Site Templates Live preview

Nova AI — Product Launch Landing

A cinematic launch page with a glowing hero, countdown timer, signup form and social proof wall. Built for product launches.

Site Templates Live preview

Pulse — Fitness App Landing

Energy-filled landing for a workout app with animated meters, progress rings and a schedule preview.

Quill — AI Writing Studio Landing

Sleek dark hero for an AI writing studio with drifting aurora gradient blobs, a live word-count ticker and soft-lift feature chips.

Forge — DevOps Pipeline Landing

Developer-focused landing built around an animated terminal window streaming a fake deploy log beside a bold headline.

Nebula — Space Data Platform

Science-flavoured dark hero with layered nebula gradients, star dust particles and a deep-space palette.

Frost — Weather Intelligence

Weather-tech landing with frosty aurora gradients, temperature gauge and storm-track cards.

Bloom — Plant Care App

Botanical app landing with soft green-gold aurora blooms, care-reminder cards and a growth tracker.

Solaris — Energy Analytics

Clean-energy landing with solar aurora gradients, yield graphs and grid-stability cards.

Dreamscape — Sleep App

Sleep-tech landing with calming dusk gradients, sleep-score rings and soundscape cards.

Lumia — Light Art Installations

Light-art studio landing with glowing aurora sweeps and installation photo cards.

Streamix — Live Streaming

Live-streaming platform hero with neon aurora glows and viewer-count pulse chips.

Ionix — Battery Tech

Battery-technology landing with electric aurora gradients and charge-cycle gauges.

Animations⚛ TSX Live preview

Headline Rotator

Rotating headlines typing in and out for hero sections.