Complete, ready-to-ship animated website templates. Each one ships with a battle-tested AI prompt — paste it into Cursor, Claude Code, Codex or any AI coding tool to reproduce the whole site in one click.

Enter vault→

303 assets

React Bits

Advanced animated components

Hundreds of production-grade animated components — starry backgrounds, circular galleries, glowing cards, magnetic buttons and scroll-driven scenes. Spot one you like, copy the prompt, done.

Enter vault→

227 assets

Uiverse

Buttons, loaders, toggles

Thousands of free open-source UI micro-elements — buttons, loaders, checkboxes, toggles, inputs. Pure HTML/CSS, grab the source and drop it straight into your project.

Enter vault→

216 assets

Anime.js

Spring, drag & scroll motion

Standalone animation snippets powered by vanilla JS and Anime.js-style physics — springs, drag-and-drop, scroll-linked parallax, staggered timelines. Copy the code, replicate 1:1.

Enter vault→

303 assets

Aceternity UI

Glow cards, tilt, starfield…

Hundreds of production-grade animated components — starry backgrounds, circular galleries, glowing cards, magnetic buttons and scroll-driven scenes. Spot one you like, copy the prompt, done.

Enter vault→

Featured this week

Hand-picked live previews

View all

Favorites worth saving

preview

★ 11800

Spotlight Glow Card

Card with a radial glow that tracks the cursor plus a 1px gradient border-light that follows the pointer.

preview

★ 10240

3D Perspective Tilt Card

Pricing card that rotates in 3D toward the cursor with layered translateZ depth and a moving shine.

preview

★ 9970

Shooting-Star Canvas Background

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

preview

★ 9310

Constellation Particle Network

Fifty drifting nodes that link up within proximity and drift away from — yet stay near — your cursor.

preview

★ 9210

Circular 3D Gallery Ring

Eight items orbit on a 3D ring that auto-rotates with perspective, pauses on hover, with a pulsing hub.

preview

★ 8330

Infinite Logo Marquee (Dual Row)

Two seamless marquee rows scrolling in opposite directions, edge-fade masks, pausing on hover.

preview

★ 8240

Stacked Toast Notifications

Success/error/info toasts that spring in from the bottom-right, stack up and auto-dismiss.

preview

★ 8040

Stagger Timeline Grid

A 12-cell grid that springs in with an 80ms waterfall delay — the anime.js stagger() pattern in vanilla JS.

How the vault works

STEP 01

Preview it live

Every asset runs in a sandboxed iframe — real HTML/CSS/JS, no videos, no screenshots. Hover cards even render the live thing.

STEP 02

Copy the AI prompt

Each item has a battle-tested, detail-rich prompt. Paste it into Cursor, Claude Code, Codex, v0 or any AI coding tool.

STEP 03

Ship in one click

Or grab the raw source and drop it straight into your project. Templates, components, elements and motion — all yours.

#form 72 #hover 62 #button 59 #card 52 #input 45 #scroll 44 #text 44 #ultra-violet 44 #rose-gold 44 #candy-pink 44

FAQ

Everything you're wondering

01Where do I paste the AI prompt?＋

Any AI coding tool works: Cursor, Claude Code, Codex, v0 or your LLM of choice. Each prompt describes the full implementation, so the asset is reproduced 1:1.

02Are the previews real?＋

Yes. Every asset is self-contained HTML (no CDN, works offline) rendered live in a sandboxed iframe — what you see is what ships.

03Can I copy the source into my project?＋

Yes. Inline CSS/JS is vanilla web code — paste it anywhere. 45+ curated assets also ship as type-checked React + Tailwind + TSX components.

04How do I share my own work?＋

Submit it at /submit (with a live sandbox preview). Once an admin approves it, it goes live in the vault and links to your public profile.

05Can I export data or self-host?＋

The store is a single JSON file (data/vault.json) behind a repository interface — swap in SQLite/Postgres anytime. The admin can download and restore a full backup in one click.