Free kit Copy with one email

Agent Design Kit

Every part of a site, in three looks. Copy the code, or the prompt for your AI. Preview free, copy with one email.

201 blocks · 3 looks
HTML · React · CSS · Prompt
201 blocks in view · copy needs one emailPrinted, not rendered. Hard edges and ink offset by a hair.

Three-tier pricing

Staggered text reveal

Motion

Skeleton shimmer

Motion

Process, numbered steps

Call to action, centred

Objections, split layout

Testimonials, three up

Comparison, two up

Usage overview, three up

Empty state with next steps

Border beam

Motion

Shine border

Motion

Meteor shower

Motion

Retro grid

Motion

Ripple pulse

Motion

Shimmer label

Motion

Orbiting icons

Motion

Notification stack

Motion

Aurora heading

Motion

Signal grid

Motion

Digit odometer

Motion

Dock bar

Motion

Bento grid

FAQ accordion

Data table

Command palette

Site navigation bar

Toast stack

Logo marquee

Motion

Stat tiles with sparklines

Pricing comparison matrix

Thinking indicator

Motion

Tool call chips

Motion

Approval card

Prompt bar

Streaming response

Motion

Answer with sources

Agent task plan

Motion

File change preview

One-time code input

Settings switches

Checklist

Choice cards

Range slider with ruler

Select menu

Search field

Notify me

Liquid toggle

Motion

Progress ticks

Motion

Radial menu

Inline confirm

Tilt card

Gooey action button

Hero, announcement centred

Hero, split with product

Hero with inline sign-up

Hero with customer logos

Features, icon grid

Features, alternating rows

Features, tabbed showcase

Features, checklist beside a screen

Features, cards with live previews

Features with a spec table

Logo cloud, divided grid

Integrations, hub diagram

Integrations, connect cards

Content with pull quote

Stats, divided row

Stats beside a statement

Team, portrait grid

Team, roster by group

Testimonials, masonry wall

Testimonial, spotlight quote

Call to action, split

Footer, link columns with newsletter

Footer, centred minimal

Footer with giant wordmark

Pricing, two plans

Pricing with billing toggle

Contact, details and form

Log in

Sign up

Forgot password

Gradient text badge

Motion

Blur fade entrance

Motion

Words animate in

Motion

Typing line

Motion

Rotating word

Motion

Morphing words

Motion

Sparkles text

Motion

Spinning circular text

Motion

Line shadow text

Motion

3D flip letters

Motion

Marker highlight

Motion

Comic pop text

Motion

Moving fill text

Motion

Kinetic type

Motion

Avatar stack

Motion

Circular progress ring

Motion

Shimmer button

Motion

Shiny button

Motion

Rainbow button

Motion

Pulsating button

Motion

Ripple button

Motion

Hover slide button

Motion

Subscribe toggle button

Motion

Neon gradient card

Motion

Glare hover card

Motion

Sidebar app shell

Motion

Dashboard overview

Chart cards

Calendar date picker

Pagination with page size

Settings tabs

Page header with breadcrumb

Alert banners

Upload progress list

Motion

Onboarding stepper

Actions dropdown menu

Hover card and tooltips

Motion

Side sheet

Motion

Confirmation dialog

Motion

Carousel

Dot pattern hero

Grid with highlighted cells

Hatched coming-soon panel

Hexagon pattern hero

Grain texture card

Animated grid pattern

Motion

Interactive grid pattern

Light rays

Motion

Warp tunnel

Motion

Progressive blur feed

Phone frame with app hero

Phone frame with feature callouts

Motion

Browser window with dashboard

Product video thumbnail and player

Motion

Install terminal

Motion

Code comparison

File tree with preview

Social post cards

Agent permission scope

Agent task queue

Motion

Agent action receipt

Agent escalation handoff

Agent autonomy level

Session checkpoints

Failed step repair

Per-claim confidence

Generation loading grid

Motion

Selection AI actions

Recommendation card

Context cards

Extracted records table

Insight cards

Agent workflow graph

AI code answer

Fine-tune job card

Motion

Expandable tabs

Motion

Morphing tabs

Motion

Icon bar

Motion

Canvas toolbar

Motion

Command bar

Motion

Dynamic island

Motion

Bottom sheet with detents

Motion

Toolbar tooltips

Motion

Project folders that fan out

Motion

Create menu that blooms

Motion

Wheel picker

Motion

Range dial

Motion

Aspect ratio switcher

Motion

Rolling number stepper

Motion

Palette swap

Motion

Assignee picker

Motion

Selection list with count

Motion

Contribution heat calendar

Motion

Slide preview rail

Motion

Now playing card

Motion

Hold to confirm

Motion

Slide to confirm

Motion

Bouncy accordion

Motion

Scroll reveal

Motion

Scroll progress

Motion

Hero, profile cards over a scene

Hero, full-bleed motion scene

Motion

Hero, integration pill constellation

Features, photo and island duo

Features, operations dashboard panel

Motion

Features, bento pair over a quad strip

Logo cloud, hover reveal

Stats, bar-field backdrop

Testimonial, stepping carousel

Motion

Testimonials, video bento

Motion

Team, founder spotlight

Content, banner and story

FAQ, grouped by category

Footer, links with assistant summary row

Call to action, newsletter split

Call to action, benefits with price

Pricing, four connected tiers

Contact sales, qualification form