Features: 142 React and Next.js components
Self-contained features with their own state and interactions, which you drop into a screen. Each one has a page with a live preview and its install command.
Search and filter these 142BlocksPagesLayoutsMotionEffects
Most common uses: ai & chat (18), calendars & scheduling (10), data tables (8), project management (8), billing (7).
- Agency Image Annotation
Client review of design proofs in an agency portal.
- AI Agent Run Trace
Agent debug panel showing reasoning, tool calls with input/output, and the final response.
- AI Chat Shell
Internal operations copilot with conversation history, a streaming thread and a per-conversation model picker.
- AI Evals Results Table
Prompt eval suite: each nightly run is a column and each golden set case a row.
- AI Multi Agent View
Research crew (planner, researcher, SQL analyst, writer, reviewer) coordinating in parallel on a report.
- AI Provider Keys
Bring Your Own Key (BYOK) key management for enterprise artificial intelligence agents.
- AI Tool Registry
Admin console where system operators configure and monitor active tools for autonomous agents.
- AI Workflow Canvas
Infinite canvas to build and supervise complex AI agent flows with pan, zoom and minimap.
- AI Workflow Node Set
Agent workflow editor where the user chains trigger, LLM and tool with typed ports.
- AI Workflow Run Mode
Follow an agentic workflow run live, seeing which node is queued, running, finished or failed.
- AI Workspace Chat History List
Historical directory of conversations with AI assistants.
- AI Workspace Code Workbench
Workbench for autonomous software engineering agents.
- AI Workspace Conversation Thread
Central chat interface with LLMs and intelligent assistants.
- AI Workspace Design Studio
AI-driven visual generation and prototyping studio.
- AI Workspace Home Overview
Assistant home that mixes a composer with workspace KPIs.
- AI Workspace Projects Gallery
Directory of projects and workspaces for AI teams.
- AI Workspace Settings Hub
Account settings center and AI workspace preferences.
- AI Workspace Skills Connectors Manager
Configuration panel for skills and MCP servers for agents.
- Auth Forgot Reset
Access recovery in multi-tenant SaaS.
- Auth Login Signup
Sign-in to a SaaS dashboard with email, GitHub and Google.
- Auth MFA Passkey
Second-factor authentication with TOTP app (Google Authenticator, 1Password).
- Billing Dunning States
Handling failed charges and the grace period in SaaS subscriptions.
- Billing Plan Comparison
Detailed comparison matrix of SaaS plans on a pricing or checkout page.
- Billing Pricing Table
Pricing page of a SaaS with a monthly/annual toggle.
- Billing Recurring
Monthly giving page for a charity with a staff view of every donor schedule.
- Calendar Month Week Agenda
Shift and availability planning for operations teams.
- Code Diff Viewer
Review of code changes in developer tools and forges.
- Collab Comments Thread
Review of designs and specifications in a product management platform.
- Collab Email Template Editor
Design and composition of transactional emails and product newsletters.
- Collab Video Call Panel
Video call room in a collaboration product with a participant grid, side chat and mic and camera controls.
- Commerce Cart Drawer
Storefront side cart opened from the header bag icon after add-to-cart.
- Commerce Order Tracking
Order tracking page in an online store with statuses, ETA and the carrier's route map.
- Commerce Promo Builder
Online store admin panel to define coupons and promotions with a cart preview.
- Commerce Returns Flow
Self-service return flow for a fashion or electronics ecommerce shopper.
- Commerce Reviews Block
Customer ratings and reviews section on e-commerce product pages.
- Community Moderation Queue
Community forum moderators clearing reported threads and replies.
- CRM Contacts Activity Timeline
Vertical activity timeline with filters by channel (Email, Call, Meeting, Note).
- CRM Contacts Companies Directory
Grid of companies with a card per corporate account.
- CRM Contacts Master Detail
Split view with a list on the left and a detail panel on the right.
- Culinary Recipe Multi View List
Catalog with a list/grid view.
- Dashboard Widget Grid
Executive panel with customizable KPIs, interactive traffic charts and a live audit log.
- Docs Approval Flow
Internal policy that moves from draft to legal and security review before being published.
- Docs Editor Shell
Product documentation space (PRD) with a section outline and word goal tracking.
- Docs Esignature Flow
Master services agreement (MSA) with sequential signing between legal counsel, CFO and investor client.
- Docs Knowledge Base
Help center and technical knowledge base with article navigation and rating.
- Ecommerce Customer Quick Sheet
Quick editing without leaving the listing.
- Feedback Changelog Modal
'What's New' modal after a version update in a SaaS application.
- Feedback Notification Center
Real-time notification and alert inbox in an operations and support console.
- Feedback Status Page
Public status page of a cloud or SaaS platform with 90-day availability.
- File Storage Drive Browser
File explorer with filters by type.
- Finance Transaction Ledger
Transaction ledger with filters.
- Fintech Order Ticket
Buy/sell ticket for stocks or crypto.
- Fitness Check In Desk
Studio operations /check-in.
- Fitness Class Schedule
Studio operations /classes.
- Fitness Member Directory
Studio operations /members.
- Fitness Member Progress
Studio operations /members/demo.
- Fitness Studio App Shell
Studio operations /classes.
- Fitness Studio Rooms
Studio operations /rooms.
- Flightops Create Flight Dialog
Operation creation with origin/destination, crew and schedule validation.
- Generator Easing Spring Editor
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
A background pattern generator that exports CSS, Tailwind classes, a React component and a shadcn registry item.
- Generator Glass
A product team tunes a frosted navigation bar over a hero image and ships it as one CSS class with a solid fallback.
- Generator Gradient Mesh
A marketing team builds a hero backdrop from the brand's chart colours and ships it as one CSS class.
- Generator Noise Grain
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
A design system team tunes one elevation scale for cards, menus and dialogs and ships it as CSS variables.
- Generator Svg Pattern
A marketing team adds a faded dot grid behind a pricing hero and pastes the Tailwind class into the section.
- Generator Text Effect Playground
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
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.
- Healthcare Appointment Scheduler
Appointment schedule per practitioner with check-in.
- Healthcare Billing Ledger
Billing of visits with partial payments.
- Healthcare Patient Directory
Patient directory with balance and next appointment.
- Healthcare Patient Intake Wizard
Patient registration with coverage and consent.
- Healthcare Treatment Plans
Session-based treatments with progress.
- Hr Access Roles
HR roles over employee data.
- Hr Employee Directory
Employee directory by department.
- Hr Org Chart
Org chart with team size.
- Hr Recruiting Pipeline
Candidate pipeline per opening.
- Hr Time Off Calendar
Team vacation calendar.
- Inventory OPS Orders Table
Order control table with shipping status and customer.
- Inventory OPS Products Table
Inventory management table with category and status filters.
- Kanban Swimlanes
Kanban board with swimlanes by team or priority and work-in-progress (WIP) limits.
- Knowledge Block Editor Canvas
Canvas of editable document blocks.
- Knowledge Workspace Settings Dialog
Workspace settings with members and plan.
- Legal Client Portal
Legal practice management.
- Legal Deadlines Calendar
Legal practice management.
- Legal Documents Workspace
Legal practice management.
- Legal Hourly Billing
Legal practice management.
- Legal Matter Detail
Legal practice management.
- Legal Matters Directory
Legal practice management.
- Map Route Animation
Replay of the daily movement of the truck fleet in logistics-fleet (live map with routes).
- Marketing Campaign Table
Campaign listing with bulk pause/resume.
- Music Studio Now Playing Bar
Persistent player.
- Music Studio Now Playing Panel
Detail of the playing track.
- Music Studio UI Sound Feedback
Sound feedback for clicks and navigation.
- Operations Incident Detail Timeline
Incident detail with timeline and public updates.
- Operations Incident Queue
Incident queue with declaration and triage.
- Operations Postmortem Editor
Blameless postmortem.
- Pm Inbox Email Composer
Sending project updates by email.
- Project Management Inbox Split View
Notifications and mentions inbox with preview.
- Project Management Issue Create Dialog
Quick ticket or issue creation modal.
- Project Management Issue Tracker
Kanban board and list of engineering issues.
- Project Management Org Members Directory
Organization member directory with access roles.
- Project Management Project Portfolio Table
Portfolio of strategic initiatives and active projects.
- Project Management Team Roster
Directory of development teams and squads.
- Project Management Workspace Settings Form
General workspace settings.
- RAG Source Manager
Adding product documentation as the knowledge base of an assistant.
- Saas Configure Pinned Items
Searchable selection dialog communicates the six-item pinning limit.
- Saas Manage Collection Pinned Grid
Pinned cards maintain their content hierarchy within a draggable grid.
- Saas Starter Audit Log
Workspace audit trail in a SaaS starter.
- Saas Starter Billing Center
Subscription and usage page of a SaaS admin.
- Saas Starter Settings Security
Workspace settings and active sessions pages.
- Saas Starter Team Access
Workspace members and roles admin.
- Scheduling Availability Editor
Configuring working hours and holidays for sales appointments.
- Scheduling Resource Booking
Booking corporate conference rooms and audiovisual equipment.
- Scheduling Slot Picker
Sales demo booking with 30-minute slots across several time zones.
- Search Global Palette
Multi-entity global search in a SaaS platform to quickly navigate between projects, tickets and users.
- Security Sessions Devices
SaaS account security panel for revoking inactive or unrecognized sessions.
- Social Account Analytics
Multi-account social analytics.
- Social Account Feeds
Social inbox per connected account.
- Social Content Calendar
Social content calendar across accounts.
- Social Post Composer
Brand posts across microblog, photo and video accounts.
- Social Publishing Queue
Buffer-style social posting queue.
- Support Canned Responses
Predefined support responses.
- Support Customer Directory
Support contacts and companies.
- Support Routing Rules
Ticket routing by channel, plan or subject.
- Support Ticket Inbox
Ticket inbox with views by status and SLA.
- Travel Booking Card
Stay booking with a price breakdown.
- Travel Experience Detail
Tour detail with itinerary and slots.
- Travel Experiences Catalog
Experience catalog by category.
- Travel Explore Split View
Accommodation explorer with a map.
- Travel Filters Dialog
Stay filters with price range and amenities.
- Travel Home Discovery
Marketplace home with the next booking and region stats.
- Travel Listing Detail
Accommodation page with gallery and reviews.
- Travel Map Explorer
Map of accommodations with prices.
- Travel Messages Inbox
Guest-host messaging with booking context.
- Travel Profile Overview
Host profile with reputation.
- Travel Service Detail
Service detail with packages.
- Travel Services Catalog
Catalog of professional services.
- Travel Stay Search Bar
Stay search by destination, dates and guests.
- Travel Trips List
My trips by status.
- Travel Wishlists Grid
List of favorite accommodations.
- Util Share Dialog
Share a document with a link, expiration and per-person permissions in a collaborative suite.