All visual compositions
Search and explore 108 animated, copy-paste coded illustrations with 1010+ ready made variations across 31 categories. Click any one to preview all of its variations, install through the shadcn registry, or copy it.
Activity
AI
Agent Flow
An agent pipeline of stacked isometric cubes that light up in sequence, revealing each step label as it runs.
Presence
Live multiplayer cursors roaming a shared canvas, one carrying your avatar and the rest labeled AI agents, over an ambient glow and particle field.
Prompt Box
A wide prompt composer with a typing prompt, model picker, token count, and send, over an ambient glow and particle field.
Retrieval
A query fanning out to ranked source cards that light up as each pulse lands, then converging into a streamed answer, over an ambient glow and particle field.
Tools
An agent working through its tool calls one at a time, each row running with a spinner then settling into a result and a duration.
Voice
A realtime voice assistant orb that cycles through listening, thinking, and speaking states, with pulsing rings, a live equalizer, a status pill, and a transcript, over an ambient glow and particle field.
API
Logs
Service nodes streaming into a log console along connected paths, with severity-colored level chips and rows that tail in.
Request
A request arcing from client to server and a response arcing back, with a method pill, a status code, and a JSON response card.
Webhook
A webhook event fanning retry arcs at your endpoint, where failed attempts fall short and the successful one delivers.
Avatars
Branding
Browser
Calendar
Charts
Bar
An animated bar chart with a value, trend badge, and grid.
Donut
An animated donut chart with a center total and legend.
Funnel
A conversion funnel of tapering stage slabs that pour in one by one, with per stage counts and conversion rates.
Gauge
A semicircular gauge whose arc sweeps to its value, with an optional zoned track, a center reading, and range labels.
Heatmap
A grid heatmap of labeled rows and columns whose cells light up in a diagonal sweep, with an intensity legend.
Line
An animated line chart with a value, trend badge, and gradient fill.
Sparkline
A compact inline sparkline for tight spaces and stat cards.
Chat
Code
Connections
Data
Dashboard
Devices
Files
Geo
Git
Branch Graph
A commit rail where feature branches fork off, run their own commits, and merge back, with pulses traveling every path.
Diff
A file diff with added and removed lines, in unified or side by side view, swept line by line as the change counters climb.
Pull Request
A pull request card whose CI checks run one by one, then settle into an approval and a merge button that lights up.
Images
Integrations
Keyboard
Media
Metrics
Notifications
Payments
Search
Command Palette
A command palette with a typed query, grouped commands, keyboard hints, and a selection that walks the list.
Results
A search results panel with filter chips, a result count, and matched terms highlighted in place.
Semantic
A query landing in an embedding space, where a radius sweep lights up its nearest matches with similarity scores.
Sections
Auth
A login section with social buttons, fields, and a sign-in button.
Bento
A bento grid section with a featured tile and mixed-size cards.
Blog
A blog index section with article cards and metadata.
Blog Post
A blog post layout with title, meta, and content.
Comments
A comments thread with avatars, replies, and votes.
Components
A showcase grid of UI components and building blocks.
Contact
A contact section with a form and details.
CTA
A call to action section with heading and buttons.
Error
An error state section with code, message, and action.
FAQ
A frequently asked questions section with expandable items.
Features
A features section with icons, titles, and descriptions.
Footers
A marketing footer with brand, links, and socials.
Headers
A marketing header with navigation and actions.
Hero
A marketing hero section with heading, copy, and buttons.
Logos
A logo cloud of customer or partner brands.
Newsletter
A newsletter signup section with an email input.
Pricing
A pricing section with plan cards and features.
Process
A step by step process section with numbered stages.
Stats
A stats section highlighting key numbers.
Team
A team section with member cards and roles.
Testimonials
A testimonials section with quotes and authors.
Timeline
A timeline section of milestones and dates.
Security
States
Empty
An empty grid of dashed placeholder slots where an add action ripples out and one slot briefly materializes before dissolving back.
Error
A request pulse traveling into a service card and breaking it, cascading its service tiles to a fault state under an alert badge.
Maintenance
A stack of service tiles with one lifted out and being worked on, hovering over its empty slot while a progress sweep runs underneath.
Not Found
A request spike traveling a route into a barrier at a large status code, ringing out concentric pulses, with the missing page left as a dashed ghost tile.