Made with $400/hour designers
Ship a site built for conversion from first impression.
First impressions are the only impression.
Ship a site built for conversion from first impression.
Hero templates that move: scroll reveals, parallax layers, typing and word rotations, gradients in motion, particle and waveform backgrounds, and carousels that play on their own. All of it is CSS and plain JavaScript with no animation library. Every one is a single HTML file with no framework and no build step, so paste it into Claude Code, Replit, Lovable, ChatGPT Codex, Bolt, or Cursor and put your own words in.
Ship a site built for conversion from first impression.
Ship a site built for conversion from first impression.
Frequently asked questions
Should a hero animate?
When the motion shows something a still image cannot, or moves the eye toward the claim. Motion that only decorates delays the sentence a visitor came to read.
What kind of hero animation suits a product site?
Something that shows the product doing its job. Abstract motion suits a brand, and a working interface suits a product.
Do these need GSAP or a motion library?
No. Every animation here is CSS or plain JavaScript, so there is nothing to install and nothing to hold at a version.
Will an animated hero slow the page?
Not by much on its own. What usually costs a hero its speed is the video or the library behind the motion, and there is neither here.
Narrow it down
Works with any vibe coding tool
