Made by $400/hour designers
Ship a site built for conversion from first impression.
CSS animation templates with the motion already written. Every one uses CSS keyframes for fades, reveals, marquees, and looping backgrounds, in plain CSS with no animation library to install. Paste one into Claude Code, Replit, Lovable, ChatGPT Codex, Bolt, or Cursor and the motion arrives with the design.
Ship a site built for conversion from first impression.
Frequently asked questions
What is a CSS animation template?
A section where the motion is written in CSS keyframes and ships with the markup. You paste the HTML and CSS together and the animation runs, with no JavaScript library to add.
Do these templates need GSAP or Framer Motion?
No. The motion is plain CSS, so there is nothing to install and nothing to configure. That keeps the page light and makes it simple for an AI coding tool to edit.
Can I change the animation speed?
Yes. Ask your AI coding tool to slow down or speed up the motion and it edits the keyframe timing directly. Describe the feeling you want and it will adjust the duration and easing.
Does CSS animation slow a page down?
Handled well it stays light, since CSS animation runs on the browser's own compositor. Test on a phone before you ship, since that is where most traffic lands.
Works with any vibe coding tool