Components for vibe builders

A curated library of HTML, CSS, and JS components — each one ships with a copyable Claude prompt so you can drop it in, then remix it with a single message.

Browse the gallery How it works

The way design should've been done in the first place.

Three steps to a great-looking page

Designed for the workflow of building with an AI assistant — not against it.

1. Browse

Filter by category, difficulty, or effect type. Live previews render every component in a sandboxed iframe.

2. Copy

Grab the HTML, CSS, and JS as syntax-highlighted blocks. Or copy the bundled Claude prompt to regenerate it from scratch.

3. Remix

Paste the prompt into Claude Code, Cursor, or your AI tool of choice. Tweak the colors, the timing, the copy — make it yours.

Latest components

Freshly added — the gallery updates automatically.