# Features: Agentic UI Kit

> 142 features for React and Next.js, installable from the Agentic UI Kit registry. Self-contained features with their own state and interactions, which you drop into a screen.

Page with live previews: https://agentic-ui-kit.com/components/category/feature

- [Project Management Inbox Split View](https://agentic-ui-kit.com/components/project-management-inbox-split-view.md): Notifications and mentions inbox with preview.
- [Project Management Issue Create Dialog](https://agentic-ui-kit.com/components/project-management-issue-create-dialog.md): Quick ticket or issue creation modal.
- [AI Workspace Code Workbench](https://agentic-ui-kit.com/components/ai-workspace-code-workbench.md): Workbench for autonomous software engineering agents.
- [AI Workspace Conversation Thread](https://agentic-ui-kit.com/components/ai-workspace-conversation-thread.md): Central chat interface with LLMs and intelligent assistants.
- [AI Workspace Design Studio](https://agentic-ui-kit.com/components/ai-workspace-design-studio.md): AI-driven visual generation and prototyping studio.
- [AI Workspace Skills Connectors Manager](https://agentic-ui-kit.com/components/ai-workspace-skills-connectors-manager.md): Configuration panel for skills and MCP servers for agents.
- [Project Management Issue Tracker](https://agentic-ui-kit.com/components/project-management-issue-tracker.md): Kanban board and list of engineering issues.
- [AI Evals Results Table](https://agentic-ui-kit.com/components/ai-evals-results-table.md): Prompt eval suite: each nightly run is a column and each golden set case a row.
- [AI Multi Agent View](https://agentic-ui-kit.com/components/ai-multi-agent-view.md): Research crew (planner, researcher, SQL analyst, writer, reviewer) coordinating in parallel on a report.
- [AI Provider Keys](https://agentic-ui-kit.com/components/ai-provider-keys.md): Bring Your Own Key (BYOK) key management for enterprise artificial intelligence agents.
- [AI Tool Registry](https://agentic-ui-kit.com/components/ai-tool-registry.md): Admin console where system operators configure and monitor active tools for autonomous agents.
- [AI Workflow Canvas](https://agentic-ui-kit.com/components/ai-workflow-canvas.md): Infinite canvas to build and supervise complex AI agent flows with pan, zoom and minimap.
- [AI Workflow Node Set](https://agentic-ui-kit.com/components/ai-workflow-node-set.md): Agent workflow editor where the user chains trigger, LLM and tool with typed ports.
- [Auth Forgot Reset](https://agentic-ui-kit.com/components/auth-forgot-reset.md): Access recovery in multi-tenant SaaS.
- [Auth Login Signup](https://agentic-ui-kit.com/components/auth-login-signup.md): Sign-in to a SaaS dashboard with email, GitHub and Google.
- [Auth MFA Passkey](https://agentic-ui-kit.com/components/auth-mfa-passkey.md): Second-factor authentication with TOTP app (Google Authenticator, 1Password).
- [Billing Dunning States](https://agentic-ui-kit.com/components/billing-dunning-states.md): Handling failed charges and the grace period in SaaS subscriptions.
- [Calendar Month Week Agenda](https://agentic-ui-kit.com/components/calendar-month-week-agenda.md): Shift and availability planning for operations teams.
- [Collab Comments Thread](https://agentic-ui-kit.com/components/collab-comments-thread.md): Review of designs and specifications in a product management platform.
- [Collab Email Template Editor](https://agentic-ui-kit.com/components/collab-email-template-editor.md): Design and composition of transactional emails and product newsletters.
- [Collab Video Call Panel](https://agentic-ui-kit.com/components/collab-video-call-panel.md): Video call room in a collaboration product with a participant grid, side chat and mic and camera controls.
- [Commerce Order Tracking](https://agentic-ui-kit.com/components/commerce-order-tracking.md): Order tracking page in an online store with statuses, ETA and the carrier's route map.
- [Commerce Promo Builder](https://agentic-ui-kit.com/components/commerce-promo-builder.md): Online store admin panel to define coupons and promotions with a cart preview.
- [Commerce Returns Flow](https://agentic-ui-kit.com/components/commerce-returns-flow.md): Self-service return flow for a fashion or electronics ecommerce shopper.
- [Commerce Reviews Block](https://agentic-ui-kit.com/components/commerce-reviews-block.md): Customer ratings and reviews section on e-commerce product pages.
- [Dashboard Widget Grid](https://agentic-ui-kit.com/components/dashboard-widget-grid.md): Executive panel with customizable KPIs, interactive traffic charts and a live audit log.
- [Docs Approval Flow](https://agentic-ui-kit.com/components/docs-approval-flow.md): Internal policy that moves from draft to legal and security review before being published.
- [Docs Editor Shell](https://agentic-ui-kit.com/components/docs-editor-shell.md): Product documentation space (PRD) with a section outline and word goal tracking.
- [Docs Esignature Flow](https://agentic-ui-kit.com/components/docs-esignature-flow.md): Master services agreement (MSA) with sequential signing between legal counsel, CFO and investor client.
- [Docs Knowledge Base](https://agentic-ui-kit.com/components/docs-knowledge-base.md): Help center and technical knowledge base with article navigation and rating.
- [Feedback Changelog Modal](https://agentic-ui-kit.com/components/feedback-changelog-modal.md): 'What's New' modal after a version update in a SaaS application.
- [Feedback Notification Center](https://agentic-ui-kit.com/components/feedback-notification-center.md): Real-time notification and alert inbox in an operations and support console.
- [Feedback Status Page](https://agentic-ui-kit.com/components/feedback-status-page.md): Public status page of a cloud or SaaS platform with 90-day availability.
- [Kanban Swimlanes](https://agentic-ui-kit.com/components/kanban-swimlanes.md): Kanban board with swimlanes by team or priority and work-in-progress (WIP) limits.
- [Scheduling Availability Editor](https://agentic-ui-kit.com/components/scheduling-availability-editor.md): Configuring working hours and holidays for sales appointments.
- [Scheduling Resource Booking](https://agentic-ui-kit.com/components/scheduling-resource-booking.md): Booking corporate conference rooms and audiovisual equipment.
- [Scheduling Slot Picker](https://agentic-ui-kit.com/components/scheduling-slot-picker.md): Sales demo booking with 30-minute slots across several time zones.
- [Search Global Palette](https://agentic-ui-kit.com/components/search-global-palette.md): Multi-entity global search in a SaaS platform to quickly navigate between projects, tickets and users.
- [Security Sessions Devices](https://agentic-ui-kit.com/components/security-sessions-devices.md): SaaS account security panel for revoking inactive or unrecognized sessions.
- [Util Share Dialog](https://agentic-ui-kit.com/components/util-share-dialog.md): Share a document with a link, expiration and per-person permissions in a collaborative suite.
- [AI Workspace Chat History List](https://agentic-ui-kit.com/components/ai-workspace-chat-history-list.md): Historical directory of conversations with AI assistants.
- [AI Workspace Home Overview](https://agentic-ui-kit.com/components/ai-workspace-home-overview.md): Assistant home that mixes a composer with workspace KPIs.
- [AI Workspace Projects Gallery](https://agentic-ui-kit.com/components/ai-workspace-projects-gallery.md): Directory of projects and workspaces for AI teams.
- [AI Workspace Settings Hub](https://agentic-ui-kit.com/components/ai-workspace-settings-hub.md): Account settings center and AI workspace preferences.
- [Project Management Project Portfolio Table](https://agentic-ui-kit.com/components/project-management-project-portfolio-table.md): Portfolio of strategic initiatives and active projects.
- [AI Workflow Run Mode](https://agentic-ui-kit.com/components/ai-workflow-run-mode.md): Follow an agentic workflow run live, seeing which node is queued, running, finished or failed.
- [Code Diff Viewer](https://agentic-ui-kit.com/components/code-diff-viewer.md): Review of code changes in developer tools and forges.
- [Generator Glass](https://agentic-ui-kit.com/components/generator-glass.md): A product team tunes a frosted navigation bar over a hero image and ships it as one CSS class with a solid fallback.
- [Map Route Animation](https://agentic-ui-kit.com/components/map-route-animation.md): Replay of the daily movement of the truck fleet in logistics-fleet (live map with routes).
- [Project Management Workspace Settings Form](https://agentic-ui-kit.com/components/project-management-workspace-settings-form.md): General workspace settings.
- [Generator Gradient Mesh](https://agentic-ui-kit.com/components/generator-gradient-mesh.md): A marketing team builds a hero backdrop from the brand's chart colours and ships it as one CSS class.
- [Agency Image Annotation](https://agentic-ui-kit.com/components/agency-image-annotation.md): Client review of design proofs in an agency portal.
- [AI Chat Shell](https://agentic-ui-kit.com/components/ai-chat-shell.md): Internal operations copilot with conversation history, a streaming thread and a per-conversation model picker.
- [Commerce Cart Drawer](https://agentic-ui-kit.com/components/commerce-cart-drawer.md): Storefront side cart opened from the header bag icon after add-to-cart.
- [Travel Stay Search Bar](https://agentic-ui-kit.com/components/travel-stay-search-bar.md): Stay search by destination, dates and guests.
- [AI Agent Run Trace](https://agentic-ui-kit.com/components/ai-agent-run-trace.md): Agent debug panel showing reasoning, tool calls with input/output, and the final response.
- [Generator Easing Spring Editor](https://agentic-ui-kit.com/components/generator-easing-spring-editor.md): A design-system team tunes the brand ease and spring and exports them as a tokens.json override for the Stripe personality.
- [Generator Foundation Shell](https://agentic-ui-kit.com/components/generator-foundation-shell.md): A background pattern generator that exports CSS, Tailwind classes, a React component and a shadcn registry item.
- [Generator Noise Grain](https://agentic-ui-kit.com/components/generator-noise-grain.md): A marketing team adds fine film grain over a gradient hero to hide banding and pastes the Tailwind class into the section.
- [Generator Shadow Elevation](https://agentic-ui-kit.com/components/generator-shadow-elevation.md): A design system team tunes one elevation scale for cards, menus and dialogs and ships it as CSS variables.
- [Generator Svg Pattern](https://agentic-ui-kit.com/components/generator-svg-pattern.md): A marketing team adds a faded dot grid behind a pricing hero and pastes the Tailwind class into the section.
- [Generator Text Effect Playground](https://agentic-ui-kit.com/components/generator-text-effect-playground.md): A marketing team types its own hero line into the typewriter, tries the rotating and prompt variants at a faster speed, and pastes the exported component with its install command.
- [Generator Wave Blob](https://agentic-ui-kit.com/components/generator-wave-blob.md): A landing page team generates three layered waves under the hero and pastes the WaveDivider component, which follows light and dark themes through the primary token.
- [Project Management Org Members Directory](https://agentic-ui-kit.com/components/project-management-org-members-directory.md): Organization member directory with access roles.
- [Project Management Team Roster](https://agentic-ui-kit.com/components/project-management-team-roster.md): Directory of development teams and squads.
- [Billing Recurring](https://agentic-ui-kit.com/components/billing-recurring.md): Monthly giving page for a charity with a staff view of every donor schedule.
- [Pm Inbox Email Composer](https://agentic-ui-kit.com/components/pm-inbox-email-composer.md): Sending project updates by email.
- [Community Moderation Queue](https://agentic-ui-kit.com/components/community-moderation-queue.md): Community forum moderators clearing reported threads and replies.
- [Operations Incident Queue](https://agentic-ui-kit.com/components/operations-incident-queue.md): Incident queue with declaration and triage.
- [Finance Transaction Ledger](https://agentic-ui-kit.com/components/finance-transaction-ledger.md): Transaction ledger with filters.
- [Knowledge Workspace Settings Dialog](https://agentic-ui-kit.com/components/knowledge-workspace-settings-dialog.md): Workspace settings with members and plan.
- [Travel Booking Card](https://agentic-ui-kit.com/components/travel-booking-card.md): Stay booking with a price breakdown.
- [Travel Filters Dialog](https://agentic-ui-kit.com/components/travel-filters-dialog.md): Stay filters with price range and amenities.
- [Inventory OPS Orders Table](https://agentic-ui-kit.com/components/inventory-ops-orders-table.md): Order control table with shipping status and customer.
- [Inventory OPS Products Table](https://agentic-ui-kit.com/components/inventory-ops-products-table.md): Inventory management table with category and status filters.
- [Knowledge Block Editor Canvas](https://agentic-ui-kit.com/components/knowledge-block-editor-canvas.md): Canvas of editable document blocks.
- [Travel Profile Overview](https://agentic-ui-kit.com/components/travel-profile-overview.md): Host profile with reputation.
- [Travel Explore Split View](https://agentic-ui-kit.com/components/travel-explore-split-view.md): Accommodation explorer with a map.
- [Operations Incident Detail Timeline](https://agentic-ui-kit.com/components/operations-incident-detail-timeline.md): Incident detail with timeline and public updates.
- [Saas Manage Collection Pinned Grid](https://agentic-ui-kit.com/components/saas-manage-collection-pinned-grid.md): Pinned cards maintain their content hierarchy within a draggable grid.
- [Travel Experiences Catalog](https://agentic-ui-kit.com/components/travel-experiences-catalog.md): Experience catalog by category.
- [Travel Services Catalog](https://agentic-ui-kit.com/components/travel-services-catalog.md): Catalog of professional services.
- [Travel Trips List](https://agentic-ui-kit.com/components/travel-trips-list.md): My trips by status.
- [Travel Experience Detail](https://agentic-ui-kit.com/components/travel-experience-detail.md): Tour detail with itinerary and slots.
- [Travel Home Discovery](https://agentic-ui-kit.com/components/travel-home-discovery.md): Marketplace home with the next booking and region stats.
- [Travel Listing Detail](https://agentic-ui-kit.com/components/travel-listing-detail.md): Accommodation page with gallery and reviews.
- [Culinary Recipe Multi View List](https://agentic-ui-kit.com/components/culinary-recipe-multi-view-list.md): Catalog with a list/grid view.
- [Ecommerce Customer Quick Sheet](https://agentic-ui-kit.com/components/ecommerce-customer-quick-sheet.md): Quick editing without leaving the listing.
- [Travel Wishlists Grid](https://agentic-ui-kit.com/components/travel-wishlists-grid.md): List of favorite accommodations.
- [Operations Postmortem Editor](https://agentic-ui-kit.com/components/operations-postmortem-editor.md): Blameless postmortem.
- [Music Studio Now Playing Bar](https://agentic-ui-kit.com/components/music-studio-now-playing-bar.md): Persistent player.
- [Travel Messages Inbox](https://agentic-ui-kit.com/components/travel-messages-inbox.md): Guest-host messaging with booking context.
- [Travel Service Detail](https://agentic-ui-kit.com/components/travel-service-detail.md): Service detail with packages.
- [Music Studio Now Playing Panel](https://agentic-ui-kit.com/components/music-studio-now-playing-panel.md): Detail of the playing track.
- [File Storage Drive Browser](https://agentic-ui-kit.com/components/file-storage-drive-browser.md): File explorer with filters by type.
- [Music Studio UI Sound Feedback](https://agentic-ui-kit.com/components/music-studio-ui-sound-feedback.md): Sound feedback for clicks and navigation.
- [Travel Map Explorer](https://agentic-ui-kit.com/components/travel-map-explorer.md): Map of accommodations with prices.
- [Flightops Create Flight Dialog](https://agentic-ui-kit.com/components/flightops-create-flight-dialog.md): Operation creation with origin/destination, crew and schedule validation.
- [Saas Configure Pinned Items](https://agentic-ui-kit.com/components/saas-configure-pinned-items.md): Searchable selection dialog communicates the six-item pinning limit.
- [Billing Plan Comparison](https://agentic-ui-kit.com/components/billing-plan-comparison.md): Detailed comparison matrix of SaaS plans on a pricing or checkout page.
- [Billing Pricing Table](https://agentic-ui-kit.com/components/billing-pricing-table.md): Pricing page of a SaaS with a monthly/annual toggle.
- [CRM Contacts Activity Timeline](https://agentic-ui-kit.com/components/crm-contacts-activity-timeline.md): Vertical activity timeline with filters by channel (Email, Call, Meeting, Note).
- [CRM Contacts Companies Directory](https://agentic-ui-kit.com/components/crm-contacts-companies-directory.md): Grid of companies with a card per corporate account.
- [CRM Contacts Master Detail](https://agentic-ui-kit.com/components/crm-contacts-master-detail.md): Split view with a list on the left and a detail panel on the right.
- [Fintech Order Ticket](https://agentic-ui-kit.com/components/fintech-order-ticket.md): Buy/sell ticket for stocks or crypto.
- [Fitness Check In Desk](https://agentic-ui-kit.com/components/fitness-check-in-desk.md): Studio operations /check-in.
- [Fitness Class Schedule](https://agentic-ui-kit.com/components/fitness-class-schedule.md): Studio operations /classes.
- [Fitness Member Directory](https://agentic-ui-kit.com/components/fitness-member-directory.md): Studio operations /members.
- [Fitness Member Progress](https://agentic-ui-kit.com/components/fitness-member-progress.md): Studio operations /members/demo.
- [Fitness Studio App Shell](https://agentic-ui-kit.com/components/fitness-studio-app-shell.md): Studio operations /classes.
- [Fitness Studio Rooms](https://agentic-ui-kit.com/components/fitness-studio-rooms.md): Studio operations /rooms.
- [Healthcare Appointment Scheduler](https://agentic-ui-kit.com/components/healthcare-appointment-scheduler.md): Appointment schedule per practitioner with check-in.
- [Healthcare Billing Ledger](https://agentic-ui-kit.com/components/healthcare-billing-ledger.md): Billing of visits with partial payments.
- [Healthcare Patient Directory](https://agentic-ui-kit.com/components/healthcare-patient-directory.md): Patient directory with balance and next appointment.
- [Healthcare Patient Intake Wizard](https://agentic-ui-kit.com/components/healthcare-patient-intake-wizard.md): Patient registration with coverage and consent.
- [Healthcare Treatment Plans](https://agentic-ui-kit.com/components/healthcare-treatment-plans.md): Session-based treatments with progress.
- [Hr Access Roles](https://agentic-ui-kit.com/components/hr-access-roles.md): HR roles over employee data.
- [Hr Employee Directory](https://agentic-ui-kit.com/components/hr-employee-directory.md): Employee directory by department.
- [Hr Org Chart](https://agentic-ui-kit.com/components/hr-org-chart.md): Org chart with team size.
- [Hr Recruiting Pipeline](https://agentic-ui-kit.com/components/hr-recruiting-pipeline.md): Candidate pipeline per opening.
- [Hr Time Off Calendar](https://agentic-ui-kit.com/components/hr-time-off-calendar.md): Team vacation calendar.
- [Legal Client Portal](https://agentic-ui-kit.com/components/legal-client-portal.md): Legal practice management.
- [Legal Deadlines Calendar](https://agentic-ui-kit.com/components/legal-deadlines-calendar.md): Legal practice management.
- [Legal Documents Workspace](https://agentic-ui-kit.com/components/legal-documents-workspace.md): Legal practice management.
- [Legal Hourly Billing](https://agentic-ui-kit.com/components/legal-hourly-billing.md): Legal practice management.
- [Legal Matter Detail](https://agentic-ui-kit.com/components/legal-matter-detail.md): Legal practice management.
- [Legal Matters Directory](https://agentic-ui-kit.com/components/legal-matters-directory.md): Legal practice management.
- [Marketing Campaign Table](https://agentic-ui-kit.com/components/marketing-campaign-table.md): Campaign listing with bulk pause/resume.
- [RAG Source Manager](https://agentic-ui-kit.com/components/rag-source-manager.md): Adding product documentation as the knowledge base of an assistant.
- [Saas Starter Audit Log](https://agentic-ui-kit.com/components/saas-starter-audit-log.md): Workspace audit trail in a SaaS starter.
- [Saas Starter Billing Center](https://agentic-ui-kit.com/components/saas-starter-billing-center.md): Subscription and usage page of a SaaS admin.
- [Saas Starter Settings Security](https://agentic-ui-kit.com/components/saas-starter-settings-security.md): Workspace settings and active sessions pages.
- [Saas Starter Team Access](https://agentic-ui-kit.com/components/saas-starter-team-access.md): Workspace members and roles admin.
- [Social Account Analytics](https://agentic-ui-kit.com/components/social-account-analytics.md): Multi-account social analytics.
- [Social Account Feeds](https://agentic-ui-kit.com/components/social-account-feeds.md): Social inbox per connected account.
- [Social Content Calendar](https://agentic-ui-kit.com/components/social-content-calendar.md): Social content calendar across accounts.
- [Social Post Composer](https://agentic-ui-kit.com/components/social-post-composer.md): Brand posts across microblog, photo and video accounts.
- [Social Publishing Queue](https://agentic-ui-kit.com/components/social-publishing-queue.md): Buffer-style social posting queue.
- [Support Canned Responses](https://agentic-ui-kit.com/components/support-canned-responses.md): Predefined support responses.
- [Support Customer Directory](https://agentic-ui-kit.com/components/support-customer-directory.md): Support contacts and companies.
- [Support Routing Rules](https://agentic-ui-kit.com/components/support-routing-rules.md): Ticket routing by channel, plan or subject.
- [Support Ticket Inbox](https://agentic-ui-kit.com/components/support-ticket-inbox.md): Ticket inbox with views by status and SLA.