The components AI launches reach for
134 animated components ship in both Tailwind and vanilla-CSS variants. These are the ones an AI launch leans on most.
- Shader and fluid backgrounds: full-screen WebGL gradients that move slowly. Sets a sophisticated tone without screaming.
- Particle text: interactive 3D headlines that react to the cursor.
- Smooth and fluid cursors: subtle pointer effects that signal "this product was built carefully."
- Glitch, scramble, and scroll-reveal text: for headers, feature labels, and section transitions.
- 3D primitives via
@react-three/fiber + drei for hero scenes that feel hand-crafted.
The chat surface is part of the launch
AI products are judged on the interface itself, not only the pitch. The app UI library includes an AI and Agents category: chat threads, prompt inputs, streaming tool-call panels, agent activity feeds, approval dialogs, and plan views. That's part of 300 app UI blocks across 38 categories. Browse the AI chat, prompt input, and tool calls blocks. Ship a demo that looks like the real product.
Let an agent build the page
The Agent Kit is 19 items: design skills, page prompts, and recipes that teach an AI coding agent to produce a good-looking launch page. It works independently of the component library, so your agent can draft a full layout from a prompt, then you drop in the real blocks and motion components. This is the most direct fit for a team shipping an AI product with an AI workflow.
Templates designed for AI products
- AI App template: minimal scroll-driven landing with a WebGL hero and a pinned phone walkthrough.
- AI SaaS template: fluid cursor, GSAP scroll choreography, image-bulge effect.
- Shader template: full-screen WebGL hero, scroll-driven shader scenes.
- Wireframe template: technical, blueprint aesthetic for research-tone products.
Built for performance, not just for show
- Heavy WebGL components are lazy-loaded via
next/dynamic so the hero paints fast. - Every animated component respects
prefers-reduced-motion or accepts a prop to disable motion entirely. - Three.js is tree-shakeable: only the drei primitives you import ship to the client.
Which tier fits
- Pro ($199): the full motion-component library, blocks, app UI (including the AI/agent surfaces), and the Agent Kit.
- Ultimate ($299): adds 11 templates and priority support. Start from one of the AI-flavoured templates and refine. Recommended for serious launches.