The road ahead
Everything we have shipped, and a look at what is coming next.
What's next
23 Free Components & 12 Pro Blocks
Revenue Flow, 1 of 17
- Shadcn Trace: agent reasoning, tool calls, sources and run logs as rows that expand, link out or open a dialog, with running, failed and pending steps, shown in agent runs, CI pipelines, request spans and audits (22 examples) Preview
- Shadcn File Type: 72 more formats, 171 in all, from .env, TOML, Dockerfile and Terraform to notebooks, Parquet and model weights, with dotfiles and build files recognized by name (1 new example) Preview
- Digital Twin: a new category of 2 interactive 3D scenes on React Three Fiber, a stadium seat picker synced with a 2D seating plan and live kart race timing (Pro) Preview
- Sankey Chart: a new category of 3 flow charts, an income statement, a trial journey with drop-off nodes and a sales funnel with leak drops (Pro) Preview
- Slope Chart: a new category of 2 rank-shift charts, an error budget runway and channel retention re-ranked by a day ruler (Pro) Preview
- AI Usage: a new category of 2 spend views, a usage planner with a token ruler and a spend map by model, team, agent and API key (Pro) Preview
- Data Grid Advanced: an SLO error budget grid with a linked lollipop chart, and a wholesale onboarding review with checks and decisions per store (Pro) Preview
- Area Chart: monthly inbound leads against last year, with a widget toolbar and an accent picker (Pro) Preview
66 Free Components, 7 Pro Blocks & 29 Icons
Stepper Icon Tile Rows, 1 of 27
- Shadcn File Type: a file icon for 99 extensions in outline, solid, light and mono variants and 6 sizes, each format in its brand color and picked from a file name, URL or MIME type (14 examples) Preview
- Shadcn Color Picker: a saturation area, hue wheel, opacity and channel sliders, swatches and an eye dropper that read any CSS color in HEX, RGB, HSL, HSB or OKLCH, in a popover or inline (15 examples) Preview
- Shadcn Emoji Picker: shortcode search, skin tones, frequently used and custom image emoji, names in 28 languages and a virtualized grid, in a popover or inline (8 examples) Preview
- Shadcn Stepper: 29 new layouts, from delivery routes and shipment trackers to chevron stages, step cards, status lists and nested sub-steps, taking it to 44 examples Preview
- App Shell: 4 new shells, a fleet protection console with a mission dialog and a docked AI assistant, a delivery fleet center with pinnable view tiles, a 3-way invoice matching queue with an AI advisor and a whiteboard shell whose board views fold into a bottom drawer (Pro) Preview
- Data Grid Advanced: a new category of 3 analytics grids with in-cell charts, KPI rollups, a geography tree view, full CRUD and tabbed detail sheets (Pro) Preview
- Hotel & Hospitality: 29 new icons for rooms, beds, baths, pools, spa, dining and guest amenities in outline, solid, duotone and filled, taking the set to 667 icons across 32 categories (Ultimate) Preview
- Flowly: a Next.js 16 workflow automation workspace with a drag and drop workflow canvas, an AI agent canvas, a run dashboard, workflow and agent lists and 10 settings sections (Ultimate) Preview
26 Free Components & 54 Pro Blocks
New Shadcn Signature Pad and Shadcn Time Picker primitives, 26 free examples across them and Cascader, plus 54 Pro blocks with 3 new categories: Rich Text Editor on Tiptap, Whiteboard on Excalidraw and Dev Ops.
Signature Pad, 1 of 56
10 Pro App Shells & 20 Marketing Blocks
10 new App Shell layouts, plus 3 new Pro block categories for marketing pages (Compare, How It Works and Pricing), 11 new CTA sections and a Data Grid rate card.
Fleet Operator Console, 1 of 31
Pro Deal Pipeline: 1 Block, 4 Linked Views
One Pro block, 4 linked views over a single set of 48 deals. Work the quarter as a table, a stage board, an activity calendar or a forecast timeline, and every view writes to the same records.
- Deal Pipeline Table: deals grouped by account, with open and weighted forecast totals on every band, edited in place like a spreadsheet (Pro)
- Deal Pipeline Board: stage lanes where dropping a card settles its probability and close date, with Closed Won and Closed Lost as their own rails (Pro)
- Deal Pipeline Calendar: the next activity and the close date as 2 layers you switch between, so an overdue step reads against the month it belongs to (Pro)
- Deal Pipeline Timeline: accounts expand to their deals and roll weighted pipeline up, with each bar the deal's open-to-close window (Pro)
- Deal Pipeline Workspace: search, filters, color and one undo history shared by all 4 views, so a change made on any surface holds on the others (Pro)
44 Free Examples: Sidebar, Chat & Questionnaire
7 new free components, 44 examples in each base. These are the shadcn parts ReUI shipped only inside Pro blocks until now.
Sidebar Workspace Switcher, 1 of 44
Free MCP Preview Images & 3 More Upgrades
10 Pro Blocks: React Flow & Agent Activity
2 new Pro block categories: Flow, a node canvas group built on React Flow, and Agent Activity, the run views for the AI Agents group.
Automation Builder, 1 of 10
Free Spreadsheet Data Grid & 12 Pro AI Chat Blocks
Data Grid spreadsheet support is complete: cell ranges, clipboard, drag-to-fill and inline editing, now with localized labels and column virtualization. The same release opens the AI Agents block group.
Data Grid Spreadsheet Editing, 1 of 17
Free Code Block, 27 Examples & 4 Templates
Shadcn Code Block lands: a code surface for AI chat and agent UIs that streams as tokens arrive, renders real git patches, folds regions in any language, and puts actions on individual lines. Gantt gains dependency arrows, and 4 new templates join the catalog, taking it to 14.
Code Block Basic, 1 of 29
- Filespace - Next.js cloud storage and file manager template (Ultimate) Preview
- Filebox - Laravel Inertia file manager and cloud storage template (Ultimate) Preview
- Miro - React dental practice management template (Ultimate) Preview
- Pulse - TanStack Start help desk template with an SLA board (Ultimate) Preview
Free Cascader & Filters, 16 Pro Hero Blocks
Shadcn Cascader lands as a nested tree selection, and Shadcn Filters is rebuilt on it into a boolean query builder. 4 new templates join the 6 from v2.1.7, taking the catalog to 10, and the marketing set gains 16 hero blocks.
MCP Usage Hero, 1 of 16
- Shadcn Cascader: nested selection in drill, columns and tree panels (Free) Preview
- Shadcn Filters rebuilt as a boolean query builder with nested AND/OR groups (Free) Preview
- Cohort - Laravel HR and people management template (Ultimate) Preview
- Flux - Next.js AI agent console template (Ultimate) Preview
- Roster - React HR and people management template (Ultimate) Preview
- Lucent - TanStack Start DevOps console template (Ultimate) Preview
- 2 release campaign emails, one for signed-in users and one for visitors without an account
Free Data Grid on TanStack v9 & 76 New Icons
Free Tree Data Grid & 9 Pro Blocks
The Data Grid now renders hierarchies of any depth: recursive rows, per-level indentation, and drag and drop that can move a row to a different parent. Sorting, pinning, resizing and virtualization all keep working on a tree.
Data Grid Tree Rows, 1 of 10
6 Ultimate Templates & Free Icon Tile
Free Event Calendar & Gantt + 3 Pro Blocks
New Event Calendar primitive with 5 views and new Gantt primitive with day to year scales, each with 5 free examples, plus Pro Event Calendar, Gantt and editable Data Grid blocks.
Event Calendar All Views, 1 of 13
