nexui-agentic-ui-components
github.comUnverifiedrepo only
A modern UI / UX ShadCN library for Agentic pipelines, chatbot UI / UX, and AI agent orchestrations. It demonstrates ShadCN + AI SDK artifacts, chat components, layouts, fluid JS based animations + micro interactions.
Items
89
2026-08-03Every entry in its own registry.json, counted last night.Free to install
0
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
8 days ago
1 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | Collapsible accordion with animated height transitions, spring-animated chevron, and proximity hover in grouped mode. Built on Radix UI Accordion. | Components | Unverified | 3 deps | |
| Agent Bash Toolagent-bash-tool | Terminal-style tool renderer for bash command output with ANSI color support. | Components | Unverified | 3 deps | |
| Agent Chatagent-chat | Drop-in agent chat shell combining MessageList + InputBar. Designed for Vercel AI SDK useChat(). Bundles the complete agent-ui kit (utils, types, hooks, theme, tool renderers). | Components | Unverified | 11 deps · 53 files | |
| Agent Edit Toolagent-edit-tool | File diff viewer with approval row, powered by @pierre/diffs. | Components | Unverified | 4 deps | |
| Agent Error Messageagent-error-message | Error state component for failed tool calls or model responses. | Components | Unverified | 3 deps | |
| Agent Generic Toolagent-generic-tool | Fallback renderer for unknown tool types. | Components | Unverified | 2 deps | |
| Agent Input Baragent-input-bar | Composable input bar with suggestions, attachments, model picker, mode selector, and send/stop toggle. | Components | Unverified | 4 deps | |
| Agent Markdownagent-markdown | Streaming-optimized markdown via Streamdown with Shiki syntax highlighting and safe HTML. | Components | Unverified | 4 deps | |
| Agent MCP Toolagent-mcp-tool | Model Context Protocol tool renderer. | Components | Unverified | 3 deps | |
| Agent Message Listagent-message-list | Streaming message list for Vercel AI SDK UIMessage[]. Renders user + assistant messages, tool calls, copy actions. | Components | Unverified | 7 deps | |
| Agent Plan Toolagent-plan-tool | Task/step breakdown UI for agent planning tools. | Components | Unverified | 3 deps | |
| Agent Question Toolagent-question-tool | Clarifying questions UI supporting single, multi, and free-text variants. | Components | Unverified | 3 deps · 2 files | |
| Agent Search Toolagent-search-tool | Web search results grid for agent search tool calls. | Components | Unverified | 3 deps | |
| Agent Spiral Loaderagent-spiral-loader | Lottie-driven spiral spinner for agent-thinking states. | Components | Unverified | 3 deps · 2 files | |
| Agent Subagent Toolagent-subagent-tool | Nested agent invocation card. | Components | Unverified | 3 deps | |
| Agent Text Shimmeragent-text-shimmer | Animated text shimmer/skeleton for streaming-token placeholders. | Components | Unverified | 3 deps | |
| Agent Thinking Toolagent-thinking-tool | Collapsible reasoning panel for chain-of-thought tokens. | Components | Unverified | 4 deps | |
| Agent Todo Toolagent-todo-tool | Checklist component with animated state transitions for todo tools. | Components | Unverified | 3 deps | |
| Agent Tool Groupagent-tool-group | Groups multiple tool calls into a single collapsible card. | Components | Unverified | 3 deps | |
| Agent User Messageagent-user-message | User-side chat bubble component with custom theme tokens and contrast-aware text color. | Components | Unverified | 2 deps | |
| Avataravatar | Radix-based avatar with image + fallback. Themed via --muted / --muted-foreground tokens. | Components | Unverified | 1 dep | |
| Avatar Buttonavatar-button | Pill button with leading avatar. Adapted from coss.com p-button-28. | Components | Unverified | no deps | |
| Avatar Generatorsavatar-generators | Three deterministic SVG avatar backends: DiceBear (7 styles), MetaMask Jazzicon (crypto address patterns), and spell.sh-style HSL fallback. All seed-based. | Components | Unverified | 9 deps | |
| Avatar Groupavatar-group | Overlapping avatar stack with ring separator and +N overflow pill. Adapted from coss.com p-avatar-13. | Components | Unverified | no deps | |
| Avatar Selectavatar-select | Single-select dropdown showing avatar+name rows. Adapted from coss.com p-select-19. | Components | Unverified | 1 dep | |
| Badgebadge | Compact label with solid and dot variants, Tailwind color palette, and three sizes. | Components | Unverified | 1 dep | |
| Border Beamborder-beam | Animated traveling glow border for cards, buttons, and AI surfaces. Web port of the React Native original. Sizes (sm/md/line), 4 color variants (colorful/mono/ocean/sunset), dark/light themes, configurable duration, brightness, saturation, and hue range. | Components | Unverified | no deps | |
| Buttonbutton | Animated button with variants (primary, secondary, tertiary, ghost), icon support, loading spinner, and fluid font-weight transitions on hover. | Components | Unverified | 4 deps | |
| Calendarcalendar | react-day-picker v10 wrapped with nexUI tokens. Supports classNames + components overrides for custom DayButton patterns. | Components | Unverified | 3 deps | |
| Calendar (Pricing)calendar-pricing | Two-month pricing calendar with custom day buttons showing prices below the date. Good-price highlighting via emerald-500. Adapted from coss.com p-calendar-24. | Components | Unverified | 2 deps | |
| Calendar (With Date Input)calendar-with-date-input | Calendar synced with a linked ISO yyyy-MM-dd text input. Adapted from coss.com p-calendar-17. | Components | Unverified | 2 deps | |
| Calendar (With Time)calendar-with-time | Calendar paired with a time input. Adapted from coss.com p-calendar-18. | Components | Unverified | 1 dep | |
| Checkbox Groupcheckbox-group | Animated checkbox group with proximity hover, contiguous selection merging, and spring-animated check marks. Built on Radix UI Checkbox. | Components | Unverified | 2 deps | |
| Claude Email Toolclaude-email-tool | Animated email draft tool card with subject, recipient chips, body preview, and approval actions. From aisdkagents.com pro blocks. | Components | Unverified | 3 deps · 2 files | |
| Claude Inputclaude-input | Claude-style landing composer: rounded prompt surface, model menu with extended thinking, attachment trigger, voice control, and category chips. From aisdkagents.com pro blocks. | Components | Unverified | 5 deps · 3 files | |
| Claude Map Itinerary Toolclaude-map-itinerary-tool | Multi-day itinerary tool with Leaflet map, stop markers, and travel modes. From aisdkagents.com pro blocks. (Source filename retains the upstream 'itenerary' typo: claude-map-itenerary-tool.tsx) | Components | Unverified | 2 deps · 2 files | |
| Claude Recipe Toolclaude-recipe-tool | Recipe card tool with unit conversion (us/metric), ingredient list, and step-by-step instructions. From aisdkagents.com pro blocks. | Components | Unverified | no deps | |
| Claude Recommend Apps Toolclaude-recommend-apps-tool | Recommendation grid for Claude apps with categorized presets. From aisdkagents.com pro blocks. | Components | Unverified | no deps · 2 files | |
| Color Pickercolor-picker | Color picker with HEX, RGB, HSL, and OKLCH formats, alpha channel, optional swatches, and a popover trigger. Built on the Slider component with native EyeDropper support. | Components | Unverified | 1 dep | |
| Cursor Questions Panelcursor-questions-panel | Cursor-style clarifying questions dialog with progress, multi-step Q&A, and free-text option. From aisdkagents.com pro blocks. | Components | Unverified | 1 dep | |
| Date Picker (With Presets)date-picker-presets | Popover date picker with Today / Tomorrow / In 3 days / In a week quick presets next to the calendar. Adapted from coss.com p-date-picker-4. | Components | Unverified | 2 deps | |
| Dialogdialog | Animated modal dialog with spring-based scale and opacity transitions. Built on Radix UI Dialog with overlay, header, footer, title, and description sub-components. | Components | Unverified | 3 deps | |
| Dropdowndropdown | Dropdown menu with proximity-based hover tracking, animated selection indicator, and animated focus ring. Includes MenuItem sub-component. | Components | Unverified | 1 dep · 2 files | |
| Input Copyinput-copy | Read-only input with a copy-to-clipboard button and animated check feedback. Supports optional label and shape context. | Components | Unverified | 2 deps | |
| Input Groupinput-group | Grouped input fields with proximity-based highlighting, animated label transitions, optional icons, and error states. | Components | Unverified | 1 dep | |
| Linear Agent Shelllinear-agent-shell | Example block composing LinearShell + GlassAvatar + ThinkingSteps + ThinkingIndicator + Markdown + ClaudeInput. A complete user↔agent conversation surface (turn-taking, completed chain-of-thought, live thinking indicator, Claude-style composer) ready to drop into a Next.js page or layout. Theme-adaptive via nexUI tokens. | Components | Unverified | 1 dep | |
| Linear Shelllinear-shell | Application shell layout inspired by Linear.app — 244px scrollable sidebar with grouped sections, 32px top action bar, framed content card, floating help button. Compound API. Built entirely on nexUI semantic tokens (bg-background, bg-card, bg-accent, text-muted-foreground, border-border) for automatic light + dark adaptation. | Components | Unverified | 1 dep | |
| Member Filtermember-filter | Segmented filter pill with searchable multi-select member combobox in a popover. Adapted from coss.com p-group-23. | Components | Unverified | 1 dep |
Hooks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| useProximityHoveruse-proximity-hover | React hook for proximity-based hover detection. Tracks the closest item to the mouse cursor within a container, enabling smooth animated background indicators. | Hooks | Unverified | no deps |
Themes
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Surfacessurfaces | Eight-level surface and shadow ladder for elevation. Light: two color steps then flat white, differentiated by shadow. Dark: additive white-opacity ladder with layered inset highlights and drops. | Themes | Unverified | no deps |
Utilities
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Elevatedelevated | Elevation primitive. Wraps the read-substrate / compute-level / apply-classes / re-provide-context pattern into one component. Pulls in the surface theme tokens, substrate context, and class lookup so a single install drops in the whole elevation system. | Utilities | Unverified | no deps | |
| Font Weight Tokensfont-weight | Variable font weight tokens for Inter (normal, medium, semibold, bold) using font-variation-settings. | Utilities | Unverified | no deps | |
| Icon Contexticon-context | React context provider for runtime icon library switching with Lucide fallback. | Utilities | Unverified | 1 dep | |
| Icon Mapicon-map | Canonical icon name mapping across Lucide, Tabler, Phosphor, and HugeIcons. | Utilities | Unverified | 5 deps | |
| Shape Contextshape-context | React context provider for runtime shape variant switching (pill or rounded). Controls border-radius across all Fluid Functionalism components. | Utilities | Unverified | no deps | |
| Spring Animationssprings | Spring animation token presets for Framer Motion (fast, moderate, slow). | Utilities | Unverified | no deps | |
| Surface Class Lookupsurface-classes | Static lookup tables for bg-surface-N and shadow-surface-N utilities. Required because Tailwind v4 cannot detect template-literal class names. | Utilities | Unverified | no deps | |
| Surface Contextsurface-context | React context that tracks the current substrate elevation level. Elevated components (Dropdown, Select, etc.) read it via useSurface() and render at substrate + offset, then re-provide a new substrate so further nesting elevates further. | Utilities | Unverified | no deps | |
| Utilitiesutils | Utility function for merging Tailwind CSS classes with clsx and tailwind-merge. | Utilities | Unverified | 2 deps |
