The Workbench

Every part of a site, in three looks. Preview, then copy the code or the prompt.

Free

Three-tier pricing

Pricing

Staggered text reveal

MotionTransitions

Skeleton shimmer

MotionTransitions

Process, numbered steps

Process

Call to action, centred

Call to action

Objections, split layout

Features

Testimonials, three up

Testimonials

Comparison, two up

Comparison

Usage overview, three up

Data & stats

Empty state with next steps

Empty states

Border beam

MotionBorders & edges

Shine border

MotionBorders & edges

Meteor shower

MotionBackgrounds

Retro grid

MotionBackgrounds

Ripple pulse

MotionBackgrounds

Shimmer label

MotionBadges & labels

Orbiting icons

MotionDiagrams

Notification stack

MotionLists

Aurora heading

MotionTypography

Signal grid

MotionBackgrounds

Digit odometer

MotionData & stats

Dock bar

MotionNavigation

Bento grid

Features

FAQ accordion

FAQ

Data table

Tables

Command palette

Overlays

Site navigation bar

Navigation

Toast stack

Feedback

Logo marquee

MotionSocial proof

Stat tiles with sparklines

Data & stats

Pricing comparison matrix

Pricing

Thinking indicator

MotionAI interface

Tool call chips

MotionAI interface

Approval card

AI interface

Prompt bar

AI interface

Streaming response

MotionAI interface

Answer with sources

AI interface

Agent task plan

MotionAI interface

File change preview

AI interface

One-time code input

Forms

Settings switches

Forms

Checklist

Forms

Choice cards

Forms

Range slider with ruler

Forms

Select menu

Forms

Search field

Forms

Notify me

Forms

Liquid toggle

MotionInteractions

Progress ticks

MotionInteractions

Radial menu

Interactions

Inline confirm

Interactions

Tilt card

Interactions

Gooey action button

Interactions

Hero, announcement centred

Hero

Hero, split with product

Hero

Hero with inline sign-up

Hero

Hero with customer logos

Hero

Features, icon grid

Features

Features, alternating rows

Features

Features, tabbed showcase

Features

Features, checklist beside a screen

Features

Features, cards with live previews

Features

Features with a spec table

Features

Logo cloud, divided grid

Social proof

Integrations, hub diagram

Integrations

Integrations, connect cards

Integrations

Content with pull quote

Content

Stats, divided row

Data & stats

Stats beside a statement

Data & stats

Team, portrait grid

Team

Team, roster by group

Team

Testimonials, masonry wall

Testimonials

Testimonial, spotlight quote

Testimonials

Call to action, split

Call to action

Footer, link columns with newsletter

Footer

Footer, centred minimal

Footer

Footer with giant wordmark

Footer

Pricing, two plans

Pricing

Pricing with billing toggle

Pricing

Contact, details and form

Contact

Log in

Authentication

Sign up

Authentication

Forgot password

Authentication

Gradient text badge

MotionText effects

Blur fade entrance

MotionText effects

Words animate in

MotionText effects

Typing line

MotionText effects

Rotating word

MotionText effects

Morphing words

MotionText effects

Sparkles text

MotionText effects

Spinning circular text

MotionText effects

Line shadow text

MotionText effects

3D flip letters

MotionText effects

Marker highlight

MotionText effects

Comic pop text

MotionText effects

Moving fill text

MotionText effects

Kinetic type

MotionText effects

Avatar stack

MotionSocial proof

Circular progress ring

MotionData & stats

Shimmer button

MotionButtons

Shiny button

MotionButtons

Rainbow button

MotionButtons

Pulsating button

MotionButtons

Ripple button

MotionButtons

Hover slide button

MotionButtons

Subscribe toggle button

MotionButtons

Neon gradient card

MotionCards

Glare hover card

MotionCards

Sidebar app shell

MotionApp shells

Dashboard overview

App shells

Chart cards

Data & stats

Calendar date picker

Date & time

Pagination with page size

Navigation

Settings tabs

Navigation

Page header with breadcrumb

Navigation

Alert banners

Feedback

Upload progress list

MotionFeedback

Onboarding stepper

Navigation

Actions dropdown menu

Overlays

Hover card and tooltips

MotionOverlays

Side sheet

MotionOverlays

Confirmation dialog

MotionOverlays

Carousel

Carousels

Dot pattern hero

Backgrounds

Grid with highlighted cells

Backgrounds

Hatched coming-soon panel

Backgrounds

Hexagon pattern hero

Backgrounds

Grain texture card

Backgrounds

Animated grid pattern

MotionBackgrounds

Interactive grid pattern

Backgrounds

Light rays

MotionBackgrounds

Warp tunnel

MotionBackgrounds

Progressive blur feed

Backgrounds

Phone frame with app hero

Device mockups

Phone frame with feature callouts

MotionDevice mockups

Browser window with dashboard

Device mockups

Product video thumbnail and player

MotionDevice mockups

Install terminal

MotionCode & developer

Code comparison

Code & developer

File tree with preview

Code & developer

Social post cards

Code & developer

Agent permission scope

AI interface

Agent task queue

MotionAI interface

Agent action receipt

AI interface

Agent escalation handoff

AI interface

Agent autonomy level

AI interface

Session checkpoints

AI interface

Failed step repair

AI interface

Per-claim confidence

AI interface

Generation loading grid

MotionAI interface

Selection AI actions

AI interface

Recommendation card

AI interface

Context cards

AI interface

Extracted records table

AI interface

Insight cards

AI interface

Agent workflow graph

AI interface

AI code answer

AI interface

Fine-tune job card

MotionAI interface

Expandable tabs

MotionNavigation

Morphing tabs

MotionNavigation

Icon bar

MotionNavigation

Canvas toolbar

MotionInteractions

Command bar

MotionInteractions

Dynamic island

MotionFeedback

Bottom sheet with detents

MotionOverlays

Toolbar tooltips

MotionOverlays

Project folders that fan out

MotionCards

Create menu that blooms

MotionOverlays

Wheel picker

MotionDate & time

Range dial

MotionDate & time

Aspect ratio switcher

MotionInteractions

Rolling number stepper

MotionForms

Palette swap

MotionInteractions

Assignee picker

MotionLists

Selection list with count

MotionLists

Contribution heat calendar

MotionData & stats

Slide preview rail

MotionNavigation

Now playing card

MotionInteractions

Hold to confirm

MotionInteractions

Slide to confirm

MotionInteractions

Bouncy accordion

MotionInteractions

Scroll reveal

MotionInteractions

Scroll progress

MotionFeedback

Hero, profile cards over a scene

Hero

Hero, full-bleed motion scene

MotionHero

Hero, integration pill constellation

Hero

Features, photo and island duo

Features

Features, operations dashboard panel

MotionFeatures

Features, bento pair over a quad strip

Features

Logo cloud, hover reveal

Social proof

Stats, bar-field backdrop

Data & stats

Testimonial, stepping carousel

MotionTestimonials

Testimonials, video bento

MotionTestimonials

Team, founder spotlight

Team

Content, banner and story

Content

FAQ, grouped by category

FAQ

Footer, links with assistant summary row

Footer

Call to action, newsletter split

Call to action

Call to action, benefits with price

Call to action

Pricing, four connected tiers

Pricing

Contact sales, qualification form

Contact