Approval Card
A human-in-the-loop decision surface for approvals, single or multiple-choice questions, custom responses, and multi-step review flows.
React · TypeScript · Tailwind
Find your next
React component.
Search for what you need. Try it live. Copy the code for free, with no account needed.
Try
Agent UI
17 matches · 1–6 shown
Agent Activity
One adaptive activity stream for reasoning, searches, tool calls, structured execution traces, or a chronological mix.
Agent Loading States
Three thoughtful loading states for AI interfaces: shimmering status text, live agent progress, and cycling reasoning phrases.
AI Sidebar
A collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboard navigation, optimistic moves, inline rename, and overflow-aware labels.
Chat App
A complete agent conversation workspace composing navigation, messages, streaming, planning, approvals, tools, code, diffs, generated media, sources, and prompt input.
Citations
Inline citation markers paired with a collapsible, progressively rendered reference collection for grounded agent responses.
Give your agent taste.
The best way to use Rendyn is through MCP. Let your agent find components and bring the source into your project.