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.
The perks section from the Group card launch page as its own block: a heading with a live countdown to the end of the offer, then three tinted perk cards where the emoji bob, the claimed count tweens up and the bar fills as crews join.
CRM leads table with click-to-sort columns, filter dropdowns for date, owner, status and payment, search, row selection and pagination. Rows cascade in and deal values count up when it scrolls into view.
Full-width marketing dashboard with a sidebar: lead split bar, channel clicks by month, goal tick meters, a daily traffic line with the previous period, a conversion funnel, a weekly campaign calendar and a campaign table grouped by channel. Motion: sidebar and cards sharpen in from a blur one by one, numbers count up, bars grow, the traffic line draws itself, and a notification panel slides in with filter tabs while the page blurs behind it.
Feature card with rows of style tags drifting in alternating directions behind faded edges, above a short headline.
Manage Model Context Protocol (MCP) servers connected to an AI agent: connection status, OAuth reconnect, and an expandable tool drawer with per-tool switches and call counts.
Context mention popover for an AI prompt composer: type @ to filter and attach files, symbols, git diffs, docs or web pages with keyboard navigation and live token estimates.
The row under an assistant message: copy, regenerate, thumbs up or down with a reason, and a switcher between regenerated answers.
Side-by-side model response comparison card with per-model latency, cost telemetry and one-click preference voting.
A composer pill that switches models from a grouped list, with a reasoning-effort toggle for models that think.
Scroll-told story LP for an AI month-end close service. Motion: pinned chapters with captions that light up word by word, a memo typing itself out of redaction bars, hours and days ticking up, a busywork bar flipping to judgment, roles stepping forward, a folder unfolding into a live checklist, scattered steps snapping into a pipeline, clock vs seal finale. Built from CSS shapes and icons, no illustrations.
Choose from four modern visual directions to kick off a creative moodboard.
Permission card for connecting an agent to an app: scopes with risk levels, optional trims, and an animated connect handshake.
Six-digit OTP input with paste, backspace and arrow-key support.
Dark landing page for an AI assistant with a particle cloud that follows the scroll: a meshed sphere rises behind the hero, slides aside, folds into a ring around a chat, flattens into a wave, scatters into stars and gathers back for the closing call to action.
A dark-and-gold atelier landing page where thousands of particles break apart and rebuild into each section's shape on scroll: Saturn, phone, laptop, monitor, globe, network, tablets, dial and crystals, with an editorial header, dot rail and full footer.
Password input with show/hide toggle and a live strength checklist.
A file card with paper sheets and tilted profile cards behind it that rise in on enter and fan out on hover.
Replaces one phrase with another in a soft, perspective-driven 3D turn.
Centered hero with a crew of bobbing agent avatars and a headline pill that wipes between words and colours. Respects reduced motion.
The agent's plan before it runs: edit, reorder, remove or add steps, then approve or ask for changes.
Pill badge that rolls between prices glyph by glyph, resizing smoothly as it goes.
Three plans with a monthly/annual toggle, usage chips and a framed recommended tier.
A stack of prompt cards that swipes the front card away and lifts the next one into place, on a loop while it is on screen.
A QR code that dissolves into sand, pours into a scan badge and grows back.
One large testimonial with author.
Retrieved chunks for a RAG answer with similarity scores, sources, highlighted matches and per-chunk switches to re-run the answer.
Collapsible block for model reasoning: open with a live timer and shimmering label while the model thinks, then folded into "Thought for Ns". Takes AI SDK reasoning parts.
Full agent app built from the 8 agent primitives: the agent thinks, searches and reads your workspace on a live activity timeline, writes a memo into a side panel, answers with citations, then asks before it shares the memo. Scripted end to end, so it runs with no backend until you plug in your model.
A light analytics card for monthly revenue: stat numbers count up as a month-to-date chart draws in, with a goal share, a trend versus last month and a hatched channel bar with a dot legend.
A red sale seal with orbiting promotional text and a fixed center label.
Embedded dev-server port preview frame for a coding agent: live localhost address bar, Desktop/Mobile viewport toggle, reload button and HMR console drawer.
Recurring background agent card with human-readable schedule, cron badge, recent run history, Pause/Resume toggle and a Run now button.
Inline card that collects an API key or environment variable out-of-band: masked password input, reveal toggle, prefix check, target .env file badge and settled saved state.
A light ticket-style receipt with notched edges, dashed tear lines and a scalloped bottom: tick service lines and the amount adds up before starting the project.
Notification settings list with switches.
Shortcut list with styled key caps.
Sign-in card in a soft frame: GitHub and Google buttons, email and password with a show toggle, remember me and a sign-up footer.
Skill and workflow command palette triggered by typing / in an AI composer: filter /plan, /review, /compact, /test and /pr with keyboard navigation and argument hints.
A week of sleep as columns of lights, one light per hour, with a dashed goal line. Click or arrow through the nights to pick one and see its hours, bedtime and how far it sits from the goal.
A ring of rounded bars that jumps like an audio visualizer, each beat lifting a cluster of bars into a peak.
Agent answer with inline citation chips that show the source on hover, and a collapsible list of the sources behind it. Reads [1]-style markers and AI SDK source-url parts.
Database query execution card for a data or coding agent: switch between the tabular result rows and the raw SQL statement, with row count, run time and one-click CSV/SQL copy.
Human-in-the-loop staged action card: pre-filled fields grounded in agent context that the user can edit inline before clicking Approve or Discard.
Deep-green bank-statement-to-CSV LP featuring live PDF parsing demo, scroll manifesto, bank grid, step rows, comparison table, draggable reviews & local clock.
A white testimonial card with an avatar, name, handle, serif quote and date that plays like a story: the active bar along the bottom fills, then the next quote fades in. Tap either side to step back or forward.
Assistant message that streams in word by word with a soft fade, light markdown (bold, inline code, lists, fenced code), code blocks that hold their frame while code arrives, a Stop button while streaming and Copy / Regenerate when done.
Parallel sub-agents under one task: a lane per agent with its live step, status, run time and tool calls, opening into its result.
Newsletter-style input with a leading icon and submit button.