Agent UI components for React and Tailwind: chat, streaming, tool calls, approvals and artifacts, animated. Agent primitives are free under MIT; the rest install with a free account.
AI assistant thread that types a request, thinks over a sparkle field, asks a follow-up with a select and choice tiles, then streams its answer word by word.
Specialist transfer card showing when a router agent hands conversation control to a domain specialist, with an expandable summary of the transferred context.
Inline 'Updated memory' pill that expands into a persistent memory drawer: inspect workspace rules and user preferences learned by the agent, add new rules, or forget entries.
Inline card for when an AI agent stops to ask the user something: the question and why, choices with descriptions (one or several), a field for another answer, number-key shortcuts, then a settled 'You answered' line. Answers a client-side ask tool with the Vercel AI SDK.
Vertical log of what an AI agent did, one row per step: an icon for the kind of step (think, search, read, tool, write), the title, a detail line, live running state and a done summary.
Dark navy/indigo AI photo LP with pink-orange accents & auto-typing brief. Interactive: unblurring takes, handwritten notes, auto-Kanban, seed-lock & code card. Complete with stats, lighting chips, spotlight grid, reviews, pricing & FAQ.
Info, success, warning and error alerts with dismiss buttons.
A weekly productivity card with colorful deep-work, task, streak and project metrics scrolling in a seamless loop.
Row of glossy app icons where hovering one bounces a mock preview out of it, with name, blurb and button, while the rest of the page softens into a blur.
Side panel for what an AI agent made: Preview and Code tabs, a version switcher with a note per version, copy, and code that streams in while the agent writes.
Full-viewport agent app start screen: sidebar, prompt box and task cards. The pointer uncovers ASCII glyphs that fade toward the edge of its lens; clicking empty space drops a ripple of glyphs that spreads like water.
File chips for a chat composer: drop, paste or pick files, with image thumbnails, upload progress, error chips and remove.
Stacked avatars with an overflow count.
Team list with online, away and offline status dots.
Queue of long-running agent jobs with live progress bars, ETA, cancel and retry, an overall progress ring and a completion toast.
Headless browser viewport for a computer-use AI agent: live address bar, animated agent cursor with click ripples, step progress dots, and a Take over button for manual human input.
Task bubbles rain down, pile up on the headline and drain away when you switch range.
AI hero with a polished chatbox whose placeholder types out questions, ringed by app icons orbiting on dashed circles. Paused while off screen.
Rounded AI prompt box with attach tools, a round send button and a shimmering "Searching the web" status below.
Session timeline with restore points: pick a checkpoint, preview the files that will revert, and rewind code or code and chat while HEAD glides back.
Coding agent app built from the agent primitives: the agent reads the code, reproduces the bug with a failing test, edits the file and shows the diff, runs the tests green and asks before it opens a pull request. A side panel holds the file before and after, each with a live preview. Scripted end to end, so it runs with no backend until you plug in your model.
A stack of contact cards with pastel icon circles: the front card drops away and tucks behind the rest, on a loop while it is on screen.
How full the model's context window is: a ring that opens into a per-source token breakdown, with a Compact action near the limit.
App frame for an AI agent chat: a top bar with breadcrumb, search and Ask AI over a chat panel, a message list that sticks to the newest message while it streams, a jump-to-latest button once you scroll up, an empty state with suggestions, and a growing composer with Send / Stop.
Real-time token, throughput, prompt-cache hit rate and USD cost telemetry for a multi-step agent run, opening into a per-step model breakdown.
Creator-style homepage hero with an expressive robot and a cycling typewriter headline.
CRM start page: stat cards that count up, a pipeline funnel and lead trend, a live knowledge graph with five layouts (galaxy, cosmos, grid, orbit, radial), to-dos, agent runs and the next 14 days.
Dashboard start page with today's counts, an AI search bar, quick actions and revenue and target cards.
Dark agency mission and results section with staggered entrance animations and a tilted client satisfaction card.
One-page portfolio for a developer: animated grid hero with a waving avatar, bento cards (experience, live terminal, reading, location, work steps), about, a staggered projects grid with a particle globe, videos, subscribe and a footer with a giant handle.
Review an agent's file edits: a card per file with +/- counts, line numbers, and Accept or Reject on each hunk.
Drop zone that grows as files land, with per-file progress, errors and retry.
Dashed empty state with a skeleton-card illustration, copy and two actions.
An agent error people can act on: what failed, a countdown to the next automatic retry, Retry now and the raw details.
Accessible accordion built on details and summary.
A grain-textured dark minutes-and-seconds flip clock with a split-flap fold animation that shows local time or counts down to a target date.
Text whose letters roll forward like little cubes, one after another in a wave that loops without a seam.
Folder that opens on hover and fans out the files inside.
Dark editorial landing page for a global media group: a draggable 3D dotted globe that turns to each bureau, kinetic condensed headlines, a divisions index, a live bureau map with local clocks, a campaign reach planner and a newsroom.
A dotted globe with arcs that draw between cities; drag to turn it, or click a city to bring it to the front.
Centered hero on a square grid where integration icons blink in and out, paused while off screen.
Bright fintech launch-event LP for a shared group card. Motion: 3D card coverflow, chunky multicolour number that drops in with confetti, sticker shapes popping on scroll, live split feed, perk progress meters, flip countdown & share burst. Built from geometric shapes, no illustrations.
Safety and policy verification card showing PII masking, prompt-injection screening and role/spend boundary checks before an agent executes.
Minimal heart-rate summary with a segmented range indicator and weekly and monthly averages.
Dark editorial landing page for an ecosystem partner studio: a condensed poster headline on a hairline grid, a hexagon plate you click to switch pillars (leader lines draw to each capability), drifting ember particles, a scroll-driven kinetic line, three sticky steps whose visuals swap on scroll, and a manifesto written on scroll-drawn ribbons.
Secondary, outline and destructive buttons with soft status buttons and animated icons, popping in as one group.
A playful typographic hero with a staggered word-and-emoji entrance animation.
Email input with a label and helper text.