Pages: 226 React and Next.js components
Whole screens, ready to route in a Next.js App Router project. Each one has a page with a live preview and its install command.
Search and filter these 226BlocksFeaturesLayoutsMotionEffects
Most common uses: dashboards (40), billing (38), project management (33), analytics & charts (15), file management (11).
- Core Dashboard Analytics
Main corporate administration panel.
- Core Dashboard Finance
Budget allocation dashboard.
- Core Dashboard Operations
Live operations monitoring panel.
- Core Settings Billing
Management of payment methods and invoices.
- Core Settings Connected Apps
Directory of software integrations (Slack, GitHub, Google).
- Core Settings Notifications
Alert and email preferences.
- Core Settings Plans
SaaS subscription change or upgrade page.
- Core Settings Profile
Personal profile settings.
- Core Tasks Datatable
Central enterprise task manager.
- Core User Profile Detail
Administrative employee record.
- Core Users Directory
Company employee directory.
- CRM Contacts Activity Page
Global log of sales interactions.
- CRM Contacts Companies Page
Directory of corporate accounts.
- CRM Contacts Directory Page
Interactive contact directory.
- CRM Contacts Favorites Page
List of contacts marked as favorites.
- Culinary Collection Detail
Playlist detail.
- Culinary Collections Grid
Product collections.
- Culinary Favorite Recipes
Wishlist.
- Culinary Kitchen Overview Dashboard
Home of a recipe book or meal planner.
- Culinary Recent Recipes
Recent files.
- Culinary Recipe Browser
Product catalog with category filters.
- Culinary Recipe Trash Restore
File trash.
- Culinary Weekly Meal Planner
Weekly shift planner.
- Devtools API Keys
API token administration.
- Devtools Create Edit Repository
Grouped repository setup separates identity, access and initialization options.
- Devtools Event Log
Corporate audit log.
- Devtools Explore Detail Discovery
Discovery sections combine trending repositories, people and topics.
- Devtools Explore Detail Issue
Issue discussion and metadata remain distinct within a readable split detail view.
- Devtools Explore Detail Pull Request
Conversation, commit and file-diff views provide a complete review workspace.
- Devtools Explore Detail Repository
Files, README, releases and contributors share a coherent repository detail shell.
- Devtools Manage Collection Issues
Issue rows pair status, labels and assignees with compact collection filters.
- Devtools Manage Collection Notifications
Inbox rows distinguish read state and source while supporting filtering.
- Devtools Manage Collection Pull Requests
Review queue surfaces CI state, review status and branch context.
- Devtools Manage Collection Repositories
Repository cards expose language, visibility, stars and ownership with grid/list switching.
- Devtools Monitor Live Overview
Greeting, one-card KPI strip, review queue beside weekly opened/merged bars, pinned repositories, contribution calendar and monthly timeline form a clear operational hierarchy.
- Devtools Overview
API control panel.
- Devtools Webhook Detail
Webhook endpoint detail with delivery history.
- Devtools Webhooks
Catalog of webhook endpoints.
- Ecommerce Customer 360 Detail
Customer record with history and activity.
- Ecommerce Customer Editor Form
Customer creation and editing.
- Ecommerce Customer List Value Metrics
Customer directory with lifetime value.
- Ecommerce Order Detail Journey Map
Order detail with journey and map.
- Ecommerce Order Detail Sidebar Summary
Detail with a sticky side summary.
- Ecommerce Order Editor
Manual order creation with totals.
- Ecommerce Order List
Orders with payment and fulfillment status.
- Ecommerce Order List Faceted Menu
Faceted filters in a dropdown when the toolbar is narrow.
- Ecommerce Order List Status Badges
Orders filtered by channel/origin and location.
- Ecommerce Product Detail Compact Cards
Specification-oriented product detail.
- Ecommerce Product Detail Tabs Reviews
Product page with reviews.
- Ecommerce Product Editor
Product creation/editing with variants.
- Ecommerce Product List Card Grid
Visual product catalog.
- Ecommerce Product List Inventory Rows
Inventory with editorial/active states.
- Ecommerce Product List Responsive Table
Product catalog with stock.
- Ecommerce Product List Sparkline Cards
Catalog with per-product sales trend.
- Ecommerce Product Wizard
Guided product creation.
- Ecommerce Sales Dashboard
Sales vs previous period with channel mix.
- Ecommerce Sales Dashboard Bubble Orders
Proportional bubble-style comparison.
- Ecommerce Sales Dashboard Category Performance
Performance by product category.
- Ecommerce Sales Dashboard Category Table
Categories with tabular detail below the chart.
- Ecommerce Sales Dashboard KPI Animated
Commercial dashboard with animated KPIs.
- Ecommerce Sales Dashboard Order Status
Distribution of orders by status.
- Ecommerce Sales Dashboard Profit Costs
Revenue vs costs per period.
- Ecommerce Sales Dashboard Radar Mix
Multi-dimensional sales profile (radar).
- Ecommerce Sales Dashboard Segmentation
Revenue by customer segment.
- Ecommerce Shipment List
Listing of shipments with tracking status.
- Ecommerce Shipment Tracker Map
Shipment tracking with a route on a map.
- Ecommerce Shipping Label Editor
Shipping label creation.
- File Storage Collection Detail
Detail of a collection with its files.
- File Storage Collections Grid
Grid of asset collections.
- File Storage Overview Dashboard
Post-production home of a film studio's shared drive.
- File Storage Recent Files
Recent files grouped by age.
- File Storage Starred Files
Favorites in a file manager.
- File Storage Tags Browser
Tag cloud with a counts table.
- File Storage Team Directory
Member directory with quota.
- File Storage Trash Restore
Trash with restore and permanent delete.
- Finance Accounts Summary
Account cards and recent transactions derive account totals from local fixtures.
- Finance Analytics Dashboard
Period state selects locally derived monthly analytics; no server query or remote data integration.
- Finance Budget Management
Category budgets combine spent/remaining summaries with a comparison chart; data is local mock data.
- Finance Investment Portfolio
TanStack sorting supports holdings inspection alongside portfolio history from fixtures.
- Finance Overview Dashboard
Configurable grid composes KPIs, charts, budgets and ledger; Zustand sections and density control rendering.
- Fintech Instrument Detail
Instrument sheet with candles, order book and ticket.
- Fintech Orders History
Order history of a brokerage account.
- Fintech Portfolio Pnl
Investment portfolio with real-time P&L.
- Fintech Price Alerts
Trading price alerts.
- Fintech Watchlist
Watchlist of stocks, crypto and FX with streaming prices.
- Flightops Airport Network Directory
Network of nodes with geographic coverage and per-node metrics.
- Flightops Fleet Status
Asset inventory with operational status and a maintenance window.
- Flightops Flight Schedule Board
Operational listing filterable by status with two display densities.
- Flightops Live Map Console
Tracking an in-flight fleet on a map with a detail panel.
- Flightops Network Overview
Duty manager console that summarizes seats flown, disruption, hub banks and upcoming checks on one screen.
- Healthcare Clinic Stats
No-shows and consultation occupancy.
- Healthcare Patient Record
Medical record with visits, treatments and invoices.
- Hr Employee Profile
Employee record with PTO and team.
- Inventory OPS Analytics Page
Executive panel for catalog profitability and operating margins.
- Inventory OPS Orders Page
Tracking orders and shipments in an e-commerce platform.
- Inventory OPS Overview Dashboard
Operational control panel for a warehouse and inventory.
- Inventory OPS Products Page
Product catalog management in an online store.
- Knowledge AI Prompt Composer
Prompt composer with knowledge base suggestions.
- Knowledge Document Page Editor
Block-based document editor with cover and icon.
- Knowledge Meeting Notes Manager
Meeting notes manager with recordings.
- Knowledge Notification Inbox Feed
Inbox of mentions and document updates.
- Knowledge Onboarding Task Board
Phased onboarding plan with progress.
- Knowledge Teamspace Document Library
Document library by team space.
- Knowledge Workspace Dashboard Overview
New-hire desk with onboarding progress and the week ahead.
- Marine Championship Standings
Championship standings.
- Marine Fleet Directory
Directory of a vehicle or aircraft fleet.
- Marine Marina Network
Network of offices or warehouses on a world map.
- Marine Regatta Calendar Browser
Sports event calendar with a course map.
- Marine Regatta Overview Dashboard
Operations console for a regatta in progress.
- Marketing Attribution Flow
Multi-touch attribution by channel.
- Marketing Audience Explorer
Customer segment explorer.
- Marketing Campaign Detail
Campaign detail with ROAS vs target and creatives.
- Marketing Campaign Overview
Paid media campaign performance by period with ROAS and CPA.
- Marketing Cohort Retention
Repurchase retention by weekly cohort.
- Marketing Conversion Funnel
Session → purchase funnel by channel.
- Music Studio Collaborator Directory
Collaborator directory.
- Music Studio Overview Home
Producer control room with release countdown and stage breakdown.
- Music Studio Podcast Browser
Podcast discovery.
- Music Studio Release Manager
Music release calendar.
- Music Studio Sessions Board
Production sessions by phase.
- Music Studio Track Library
Track library.
- Orchestra OPS Correspondence View
Split inbox for artistic correspondence.
- Orchestra OPS Ensemble View
Orchestra roster directory classified by desks.
- Orchestra OPS Programmes View
Catalog of symphonic programmes by rehearsal status.
- Orchestra OPS Season Week View
Weekly season planner for artistic ensembles.
- Orchestra OPS Today Overview
Daily command panel for an orchestra conductor or production.
- Payments Customer Detail
Customer with saved cards and invoice history.
- Payments Customer Detail Compact
Quick customer view for support.
- Payments Customer Detail Minimal
Customer side panel within a larger flow.
- Payments Customer Directory
Customer portfolio with LTV and last payment.
- Payments Customer Directory Dense
Bulk management of billing customers.
- Payments Dashboard Overview
Collected volume vs the previous period.
- Payments Dashboard Overview Dense
Dense payments operations view.
- Payments Dashboard Overview Globe
Global payment routing.
- Payments Dashboard Overview Map
Payments by geographic region.
- Payments Dashboard Overview OPS
Live payments monitor.
- Payments Dashboard Overview Stripe
Stripe-style gross volume panel.
- Payments Delivery Simulator
Testing webhook retries and latency without a backend.
- Payments Enterprise Client 360
Enterprise account with child entities and contracts.
- Payments Invoice Create
Issuing an invoice with an immediate preview.
- Payments Invoice Create Guided
Multi-step invoice creation with review.
- Payments Invoice Create PDF
Invoice with a PDF preview before sending.
- Payments Invoice Detail
Invoice with lines and payment history.
- Payments Invoice Detail Compact
Invoice detail with animated amounts.
- Payments Invoice Detail Split
Invoice with an always-visible actions panel.
- Payments Invoice List
Issued invoices with payment status.
- Payments Invoice List Board
Payment pipeline by status.
- Payments Invoice List Dense
High-volume collections back office.
- Payments Invoice List Metrics
Monthly collections with aging and totals.
- Payments Invoice List Split
Billing with an invoice preview.
- Payments Subscription Create
Create a subscription plan with a trial and tiered pricing.
- Payments Subscription Detail
Subscription with cycle history and upcoming charges.
- Payments Subscription List
Active subscriptions with MRR and renewals.
- Payments Subscription List Compact
Quick review of the day's renewals.
- Payments Subscription List Dense
Bulk operation of enterprise subscriptions.
- Payments Subscription List Metrics
Retention and churn panel with a subscriptions list.
- Payments Transaction Detail
Transaction with fees, taxes and settlement events.
- Payments Transaction Detail Split
Payment detail with an always-visible summary.
- Payments Transaction Ledger
Transactions with debit/credit and settlement status.
- Payments Transaction Ledger Dense
High-volume reconciliation by period.
- Payments Webhook Monitor
Webhook deliveries with latency and retries.
- Payments Workflow Builder
Defining payment routing and retry rules.
- Pm Dashboard Executive
Main project management panel.
- Pm Dashboard Milestones
Roadmap and quarterly release tracking.
- Pm Dashboard Scrum Metrics
Agile sprint performance dashboard.
- Pm Dashboard Workload
Capacity planning in software teams.
- Pm Inbox Activity Stream
Project activity and mentions inbox.
- Pm Inbox Compact Triage
Superhuman-style triage inbox for issues.
- Pm Inbox Threaded Discussion
Conversation thread associated with project tasks.
- Pm Inbox Two Column Split
Inbox with a side preview.
- Pm Issue Calendar Monthly
Calendar of deliveries and sprint deadlines.
- Pm Issue Calendar Schedule
Weekly agenda of meetings and sprint sessions.
- Pm Issue Detail Sidebar
Side panel for quick issue editing.
- Pm Issue Detail Workspace
Detailed issue record in the style of Linear or Jira.
- Pm Issue Gantt Roadmap
Product roadmap with dependencies between milestones.
- Pm Issue Kanban Board
Trello- or keyboard-first Kanban board for development.
- Pm Issue Kanban Status Bar
Interactive kanban with a quick filters bar and view controls.
- Pm Issue Kanban With Stats
Kanban board with aggregated metrics per column.
- Pm Issue List Grouped
Backlog grouped by epics or sprints.
- Pm Issue List Table
Listing of issues and backlog in tabular format.
- Pm Issue Spreadsheet Grid
Backlog management in a Notion- or Airtable-style editable grid.
- Pm Member List Cards
Productivity and capacity view per member.
- Pm Member List Directory
Engineering team member directory.
- Pm Member List Table
Member and permission management in the organization settings.
- Pm Project Detail Activity
Project change history and audit.
- Pm Project Detail Overview
Command center for a single project with files, notes and tasks.
- Pm Project List Cards
Visual catalog of the company's active projects.
- Pm Project List Data Table
Financial and budget control of a project portfolio.
- Pm Project List Sidebar Views
Project listing with saved views and quick filters.
- Pm Project List Timeline Feed
Project portfolio roadmap grouped by quarter.
- Pm Team List Compact
Compact listing of squads and sprint status.
- Pm Team List Grid
Catalog of agile teams and technical squads.
- Pm Team List Table
Corporate management of squads and cost centers.
- Rare Books Acquisition Ledger
Acquisitions/provenance ledger.
- Rare Books Collection Overview
Summary of a high-value collection (art, books, wine).
- Rare Books Collector Network
Contact directory by role.
- Rare Books Exhibition Board
Exhibitions and loans by status.
- Rare Books Library Catalog
Catalog with filters by era, status, language and condition.
- Saas Starter Auth Journey
Sign-in then MFA before entering an admin workspace.
- Saas Starter Overview Dashboard
SaaS workspace home with MRR, members and uptime.
- Settings Configure Profile
Settings sections organize profile identity and account preferences.
- Social Client Activity View
Social activity inbox.
- Social Client Ephemeral View
Ephemeral team stories or statuses.
- Social Client Feed View
For You or Following thread timeline.
- Social Client Multi Column Home
TweetDeck/Threads-style social panel.
- Social Client Profile View
User profile in a social network or intranet.
- Social Client Saved View
List of posts saved to read later.
- Social Client Search View
Explore page for trends and users.
- Social Client Stats View
Creator statistics panel.
- Social Client Thread Detail View
Full Twitter/Threads-style thread conversation.
- Support Analytics Overview
First response and CSAT per period.
- Support Ticket Workspace
Ticket detail with conversation and timeline.
- Tasks Activity Timeline
Change history for project tasks.
- Tasks Creator View
New task creation page.
- Tasks Deleted Archive
Trash of deleted tasks.
- Tasks Important View
Tray of highlighted items.
- Tasks Notifications Center
Inbox of due-date alerts.
- Tasks Productivity Settings
Productivity user preferences.
- Tasks Today View
Personal daily planner.
- Tasks Upcoming View
Weekly horizon of tasks.
- Tasks Workspace
Personal task application.
- Wine Cellar Bottle Inventory
Product inventory with filters by type, region and status.
- Wine Cellar Overview Dashboard
Stocktake home for a private collection with drinking windows on a timeline.
- Wine Cellar Region Browser
Region/origin browser.
- Wine Cellar Tasting Log
Journal of tastings.
- Wine Cellar Wishlist
Wishlist with priority and budget.