- Alert
- Autocomplete
- Badge
- CascaderCascader keeps a saved selection's full path, popup open or closed
- Code Block
- Color Picker
- Data GridData Grid works in apps that run React Compiler, with resizing, edits and callbacks kept live
- Date SelectorDate Selector keeps its year list and Today button current in apps that run React Compiler
- Emoji Picker
- Event CalendarEvent Calendar keeps today and the agenda current in apps that run React Compiler
- File TypeFile Type knows 171 formats, .env and Dockerfile included
- File Upload
- Filters
- Frame
- GanttGantt keeps its Today button and tooltip current in apps that run React Compiler
- Icon Stack
- Icon Tile
- Kanban
- Number Field
- Phone Input
- Rating
- Scrollspy
- Signature Pad
- Sortable
- Stepper
- Time Picker
- Timeline
- Tree
v2.8.1 - 15 October, 2026.
Shadcn Trace arrives with 22 examples, and 12 new Pro blocks land, 9 of them in 4 new categories (Sankey Chart, Slope Chart, Digital Twin and AI Usage). The Data Grid, Event Calendar, Gantt and Date Selector now work in apps that run React Compiler, and shipped features land on the roadmap.
New: Shadcn Trace.
- New Trace category for shadcn's step list: reasoning, tool calls, sources and run logs as one-line rows that expand, link out or open a dialog, with running, failed and pending states - Preview.
- 22 examples per base, from a live agent run with Stop and parallel subagents to a Terraform plan behind an approval, a CI re-run, nested request spans, a query plan tree and an access check that explains its decision - Preview.
- Command output, logs and diffs inside an expanded row render with Code Block, so failing and changed lines keep their color - Docs.
Breaking changes:
- The Portfolio Allocation and Capacity Usage cards moved from Charts to Stats: install
chart-14asstats-17andchart-28asstats-18. The old block pages redirect - Preview.
New Free Components:
- File Type knows 72 more formats, 171 in all: config and infrastructure files such as env, TOML, Dockerfile and Terraform, Vue, Svelte, GraphQL, Kotlin, Swift, Dart, notebooks, Parquet and model weights - Docs.
getFileTypereads well-known names, where they used to resolve to a blank page:.env.localis env,Dockerfile.deva Dockerfile,.gitignoregit,go.modGo andLICENSEtext - Docs.- New Dotfiles & Build Names example: 12 repository files,
.env.localand Dockerfile included, each icon read from the name - Preview.
New Pro Blocks:
- New Sankey Chart category with 3 flow charts: an income statement with a quarter picker, a trial journey with drop-off nodes and a sales funnel with leak drops - Preview.
- New Slope Chart category with 2 rank-shift charts: an error budget runway with a current or baseline switch, and channel retention re-ranked by a day ruler - Preview.
- New Area Chart block: monthly leads against last year, with a widget toolbar and an accent picker - Preview.
- New Digital Twin category with 2 interactive 3D scenes on React Three Fiber: a stadium seat picker synced with a 2D seating plan, and live kart race timing with standings and a driver card - Preview.
- New AI Usage category with 2 spend views: a usage planner with a token ruler and a live spend estimate, and a spend map that fans monthly AI spend out by model, team, agent and API key - Preview.
- 2 new Data Grid Advanced blocks: an SLO error budget grid with a linked lollipop chart, and a wholesale onboarding review where each store row carries 4 checks and decisions change from a menu in the cell - Preview.
- Charts is now 51 blocks in 10 categories, Data Grid 44, Solutions 76 and AI & Agents 20, taking the Pro catalog from 636 to 648 - Preview.
Fixes & Improvements:
- Data Grid column resizing works in apps that run React Compiler: the width commits and the resize indicator shows while dragging - Docs.
- Under React Compiler, the Data Grid also shows edited data, a later
onRowCreateand changedgetRowStatusanswers, and keeps tree toggles and resize lines live - Docs. - Every Data Grid component file ships with a
"use no memo"directive, so keep it when you edit an installed file - Docs. - Data Grid rows call the current
onRowClickandonRowCreate, never the one they rendered with - Docs. - A Data Grid whose feature bundle leaves out
columnResizingFeaturerenders instead of throwing - Docs. - Under React Compiler, the Event Calendar's today highlight in the month, week, day and resource views, its Today button and the button's date tooltip move to the new day at midnight, and the agenda shows events as they are added, edited or removed - Docs.
- The Gantt Today button, its date tooltip and
useGanttNavigation().isTodayre-read the clock on every chart change, so under React Compiler they no longer keep the day the chart opened on - Docs. - Under React Compiler, the Date Selector's Today button and year list follow the current date, not the one they mounted on - Docs.
- The Cascader runs
resolveValuewith the popup closed and again after aloadKeychange, so the trigger shows a saved selection's full path without being opened first - Docs. - A failed Cascader
resolveValueis asked again on the next open orloadKeychange, not on every parent render, where inlineitemsand anonLoadErrorthat set state re-requested it in a loop - Docs. - A Cascader selection resolved by
resolveValuekeeps its full path in the trigger and the columns trail when its level's first page leaves it out, and is listed after that level's rows while the level has pages left - Docs. - Opening a Cascader level that a
resolveValuechain passes through shows its loading state while it fetches, not the resolved node as the level's only row - Docs. - A Cascader level that a
pathorexpandeddeep link opens before the level above it loads, or that aloadKeychange reloads, is fetched by its own value, wheregetChildrenused to getnulland fill it with the root's rows - Docs. - A Cascader in
mode="tree"announces its top level on open, not the drill level holding the selection, and says "Loading..." rather than "Loading more..." while its first page loads - Docs. - Pressing a Cascader Retry, in the empty state or in a column, hands focus to the search field (the popup or an inline panel without one), where it used to drop to the page - Docs.
- The Cascader's Retry after a failed
onSearchasks the search again, where it retried the level behind the query and nothing happened - Docs. - Phone Input's country list scrolls with the mouse down to its last country, and a search with no country match shows "No country found." without a leftover scrollbar, where a search matching only "International" used to leave the list blank - Docs.
- An Autocomplete list that filters down to no matches no longer leaves its old scrollbar thumb hanging below the popup - Preview.
- Base UI previews of 9 examples and 3 blocks render the Base UI parts they install, not Radix ones - Preview.
- Collapsible examples animate open and closed in both bases, and the folder rows of c-collapsible-9 and c-collapsible-10 open from the keyboard - Preview.
- The c-toggle-6 example fills its icon when pressed in the Base UI base too - Preview.
- The Base UI Sheet 4 block's model select shows the model name, not its raw value - Preview.
v2.8.0 - 11 October, 2026.
New: Shadcn Color Picker.
- New Color Picker primitive: a saturation area, hue, opacity and channel sliders, a hue wheel, preset swatches, an eye dropper and an input that reads any CSS color, in a popover or inline - Docs.
- HEX, RGB, HSL, HSB and OKLCH values and fields, OKLCH colors outside sRGB kept exactly, a commit event once a drag ends, and native form fields - Docs.
- Copy in the format on screen or with Cmd/Ctrl+C, contrast helpers that pick readable text for any color, and 15 examples per base - Preview.
New: Shadcn Emoji Picker.
- New Emoji Picker primitive: search with shortcodes, skin tones, frequently used and custom image emoji, category tabs and a virtualized grid, in a popover or inline - Docs.
- Names and keywords in 28 languages from a pinned emojibase release on jsDelivr, which a strict CSP allows by path or swaps for self-hosted data - Docs.
- Hides emoji the device cannot draw, takes single, multiple or form field values, and ships 8 examples per base - Preview.
New: Shadcn File Type.
- New File Type primitive: a file icon for 99 extensions with outline, solid, light and mono variants, and 6 sizes from 18px to 56px or any size from a Tailwind
size-*class - Docs. - Each format takes its brand color, else its family's, and neutral formats such as ZIP and TXT are gray, with labels legible down to 18px - Preview.
- A custom icon on the page with
icon, and a label badge restyled throughlabelClassName- Docs. getFileTypepicks the type from a file name, path, URL or MIME type, andgetFileTypeCategorygroups files by family for lists and filters - Docs.- 14 examples per base, taking the registry to 27 primitives - Preview.
Data Grid grouped headers:
- Grouped column headers merge into real
rowSpancells, with a rule under each group's own columns and column lines unbroken through every header row - Docs. - New
meta.headerColSpanspans one header cell over adjacent columns, as wide as their sum, with one resize handle on its end edge - Docs. - Header cells carry
data-header-depth,data-header-id,data-group,data-mergedanddata-spanfor styling each level - Docs.
Breaking changes:
- 205 icon names changed to say what the icon draws, for example
abstract-18is nowhourglass, andchevrons-down, which drew up chevrons, is nowchevrons-up- Preview. - Every old name still installs, under its old file and component name, and searching an old name on /icons finds the icon it became - Preview.
slider-verticais merged into its identical twinslider-vertical-outset, and the old name installs that icon - Preview.- 19 icon categories are retired and their icons moved into the new 31, for example
abstractintoshapes, andgridandburger-menuintolayout; old category URLs redirect - Preview. - The Data Grid column window's spacer cells carry
data-col-spacer="start"or"end"instead ofdata-slot="data-grid-table-virtual-col-spacer", so retarget any CSS that styled them - Docs. - Multi-level Data Grid headers render one
rowSpancell where empty placeholder cells used to stack above a column, so retarget CSS that styled those cells - Docs. - In a multi-level Data Grid header, bottom-row and merged cells hold their content in a
data-slot="data-grid-table-head-cell-band"wrapper, so retarget selectors on a header cell's direct children - Docs.
New Free Components:
- 66 new free examples across Color Picker, Emoji Picker, File Type and Stepper, taking the free catalog from 1,175 to 1,241 - Preview.
- 29 new Stepper examples, taking Stepper to 44 examples per base - Preview.
- 13 Stepper route trackers and stage bars: delivery stops, truck and sea freight routes, shipment checkpoints, and chevron and breadcrumb steps - Preview.
- 16 Stepper layouts with step cards, side rails, status lists, color bars and phase tracks, plus nested sub-steps for checks and tasks - Preview.
New Pro Blocks:
- 4 new App Shell blocks: 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 - Preview.
- New Data Grid Advanced category with 3 analytics grids: in-cell charts, KPI rollups, a tree view, full CRUD and tabbed detail sheets - Preview.
- New Charts group: the 47 chart blocks move out of Application into 8 categories by chart type, from Area and Bar to Sparkline and Status Tracker, and old chart URLs redirect - Preview.
- App Shell is now 35 blocks and Data Grid 42, taking the Pro catalog from 629 to 636 - Preview.
New Ultimate Templates:
- Flowly - Next.js workflow automation template with a workflow canvas, an AI agent canvas and a run dashboard - Preview.
- The catalog is now 17 templates - Preview.
New Ultimate Icons:
- Every icon has its own page with all 4 styles, size and color controls, install commands, related icons, and an FAQ that says when to pick a look-alike instead - Preview.
- Each icon page shows the icon in real shadcn/ui components, from buttons and a dropdown menu to an input group, sidebar rows and an empty state, with the code for each - Preview.
- New
double-checkicon for read receipts and delivered messages, in a set of 667 icons across 32 categories - Preview. - New Hotel & Hospitality category with 29 icons for rooms, baths, pools, spa, dining and guest amenities - Preview.
- Improved drawings across the set: consistent sizing on the 24px grid and repaired duotone layers, with the 57 animated icons ported onto the new geometry - Preview.
Fixes & Improvements:
- Scrolling sideways through a column-virtualized Data Grid holds 120 fps instead of 29, because a column entering view no longer restyles every cell - Preview.
- Data Grid Drag & Drop 1 and 2 and Dev Ops 4 no longer slow every grid on the page: their dragged-row style matched inline styles and restyled all cells on each scroll, which held a 1,000 row grid at 24 fps instead of 120 - Preview.
- Data Grid Grouping 2 and 3 and Analytics 2 drop an unused row style that slowed every table on the page - Preview.
- New
data-draggingattribute on the Data Grid row being dragged, the hook for styling the slot it leaves - Docs. - With a sticky header and footer, the Data Grid's vertical scrollbar stops above the footer instead of covering the totals - Preview.
- Pin and unpin work in the column virtualization example, and its column jump stays on the named metric after a pin changes - Preview.
- Unpinning a Data Grid column from its header button keeps keyboard focus on that column's menu - Docs.
- The Data Grid's column resize line sits on the column edge instead of inside the header cell, in left-to-right and right-to-left layouts - Preview.
- Every icon description and keyword list was rewritten from its drawing, so search finds icons by what they show - Preview.
- The Animated view lists only icons that really animate, counted per category, instead of switching whole categories on - Preview.
- Icon Tile installs with one corner radius per style instead of two competing ones, so a class-sorting formatter can no longer change it - Docs.
v2.7.0 - 3 October, 2026.
New: Shadcn Signature Pad.
- New Signature Pad primitive: ink sized by pen pressure or drawing speed, touch and stylus input with palm rejection, undo and redo, and native form fields - Docs.
- Export to PNG, JPEG, SVG or JSON, a preview part that redraws saved strokes as theme-aware SVG, and 12 examples per base - Preview.
New: Shadcn Time Picker.
- New Time Picker primitive: hour, minute, second and AM/PM columns in a popover or inline, a typable input, 12 or 24 hour clocks and a native form field - Docs.
- Hour, minute and second steps, min and max bounds with overnight windows, per-time disabling, localized labels and 13 examples per base, taking the registry to 24 primitives - Preview.
New Free Components:
- New Cascader global search example: a category field that reopens on its current level and still searches the whole catalog, taking the Cascader to 21 examples per base - Preview.
- 26 new free examples across Signature Pad, Time Picker and Cascader, taking the free catalog from 1,149 to 1,175 - Preview.
New Pro Blocks:
- New Rich Text Editor category with 5 Tiptap blocks: a document editor, a page editor, a contract redline editor, live co-editing on Yjs and an AI writing assistant - Preview.
- New Whiteboard category with 2 Excalidraw blocks: a themed board with frames, templates, export and version restore, and a sprint planning board - Preview.
- New Dev Ops category with 6 platform console blocks: cron jobs, an audit log, deployments with a live canary, an edge firewall, SLO error budgets and data connections - Preview.
- 17 new Chart blocks for platform monitoring: cron job health, audit log event volume, deploy pipelines, firewall traffic, SLO error budgets and data sync activity - Preview.
- 13 new Sheet blocks: cron job, SLO, data connection and firewall rule sheets, an audit event inspector, a dataset preview with masked PII, a canary rollout and a failed deploy - Preview.
- 7 new Pricing blocks: a plan comparison table, a per-seat table repriced by team size, 3 plan card sections with billing tabs, and 2 upgrade dialogs - Preview.
- New AI Chat block: a corner chat popup with chat history, expand and minimize controls, and attachable page context - Preview.
- New Data Grid Editing block: a stock reorder sheet with an on-demand filter row, switchable footer totals and range editing with undo - Preview.
- 2 new CRM blocks: a quarter forecast call workspace and a deal desk - Preview.
- Chart is now 47 blocks, Sheet 24, Pricing 8, AI Chat 13, Data Grid Editing 6 and CRM 9, taking the Pro catalog from 575 to 629 - Preview.
Fixes & Improvements:
- Cascader
searchScope="global"searches the whole tree from any level, and a disabled branch now disables its whole subtree: the keyboard cannot open it and its search rows stay listed but cannot be picked - Docs. - Opening a Cascader deep search hit under on-demand levels no longer skips the levels in between - Docs.
- Clicking a non-sortable Data Grid header no longer replaces the active sort, and picking an option in an in-cell select, combobox or menu no longer starts a cell selection or fires
onRowClick- Docs. - Live Data Grid column resizing no longer jitters or makes autoSize columns jump on release, and an autoSize column with no
minSizeshrinks only to its starting width - Docs. - Pinned Data Grid cells paint the card surface inside a shadcn
Card, and loading skeletons, the last column's end padding and its resize handle follow pinning - Preview. - Data Grid scrollbar thumbs can be grabbed across the full track thickness, and
--data-grid-scrollbar-sizemakes the scrollbars larger - Docs. - On RTL pages, the Data Grid scrollbar thumb now follows the scroll in both bases with no
DirectionProviderneeded, and the wheel over the horizontal scrollbar scrolls the grid again - Docs. - The shadcn CLI's RTL transform no longer flips Data Grid pagination and column filter spacing twice on install - Docs.
- Data Grid column drag and drop keeps pinned columns in place, and column and row drag and drop take an
accessibilityprop for localized screen-reader text - Docs. - Data Grid Drag & Drop 4 rows now move from the keyboard, a move or delete no longer closes every open folder, and touch drags reorder at a row's edge - Preview.
- Data Grid Editing 5 moves its column picker to a Columns toolbar button, and Settings becomes a menu of density, appearance and column options - Preview.
v2.6.3 - 28 September, 2026.
Breaking changes:
- The
tagicon drew a money bag, so it is renamedmoney-bagin all 4 styles and its animated twin: install@reui/icons/<type>/<style>/money-bag, and useprice-tagfor a tag shape. Files already in your project keep working - Preview.
Fixes & Improvements:
price-tagnow ranks first in the MCP'ssearch_iconsfor tag, label and category requests, andmoney-baganswers money and cash - Preview.
v2.6.2 - 24 September, 2026.
New Pro Blocks:
- 10 new App Shell blocks, from a sidebar-free top nav and a folder-tab workspace to security consoles with a drag-to-reorder scope tree - Preview.
- New Compare category with 3 versus sections: a 3-column feature matrix, an emerald capability card beside a prompt-only list, and 2 step tracks across a VS rail - Preview.
- New How It Works category with 5 blocks: 3, 4 and 5 step card grids, plus 2 tabbed walkthroughs that swap a product console per step and advance on their own - Preview.
- New Pricing category with a 4-tier pricing table: a monthly or yearly toggle with a Save 20% badge, and a seat stepper that reprices the Team plan - Preview.
- 11 new CTA blocks: WebGL Earth and Mars banners, a newsletter signup, logo marquees, an MCP integrations grid, an outcome checklist and a review rating pill - Preview.
- New Data Grid rate card block: a cloud SKU price book with stacked discounts, commit usage bars, a list-to-net price breakdown dialog, Filters, and add, edit and delete - Preview.
- App Shell is now 31 blocks and CTA 17, taking the Pro catalog from 544 to 575 - Preview.
v2.6.1 - 22 September, 2026.
New: Deal Pipeline Workspace.
- New CRM 7 Pro block: 48 deals across 12 accounts in 4 linked views, built on the Data Grid, Kanban, Event Calendar, Gantt and Filters primitives - Preview.
- Table view groups deals by account and carries open and weighted totals on every band and in the footer, with inline cell edit - Preview.
- Board view lanes by stage, and a drop settles the deal's probability and close date - Preview.
- Closed Won and Closed Lost are droppable rails on the board, and locked or already-closed cards are disabled items rather than a drop the board refuses - Preview.
- Calendar view draws the next activity and the close date as 2 switchable layers, so an overdue step reads against the month it belongs to - Preview.
- Timeline view expands an account to its deals and rolls weighted pipeline up to the account row, where a bar covers the deal's open-to-close window and only its close end moves - Preview.
- Search, filters and color are shared by all 4 views, while the Table and Board each keep their own grouping and the Display popover holds per-view layout - Preview.
- Create, inline edit, drag, bulk restage, reassign and delete run from every surface through one write path, 20 steps of undo deep, with Undo on the toast - Preview.
- The record sheet marks a deal won or lost, logs an activity and schedules the next one, clearing the next step when a stage closes the deal - Preview.
- An account is a grouping row rather than a record, so a filter that empties a view says so instead of rendering a blank grid - Preview.
- Solutions CRM is now 7 blocks, taking the Pro catalog to 544 - Preview.
v2.6.0 - 17 September, 2026.
New Free Components:
- New Sidebar category: 5 app shell examples covering a collapsing icon rail, a floating off-canvas inspector, docs navigation with sub-menus, menu badges with row actions, and skeleton loading - Preview.
- New Message category: 7 chat transcript examples covering avatars, sender and delivery metadata, reply actions, shared files, grouped turns and a streaming reply - Preview.
- New Message Scroller category: 6 anchored transcript examples covering opening position, a reply that streams at the live edge, turn anchoring, a restored thread, loading earlier messages, and a thread navigator - Preview.
- New Bubble category: 7 chat bubble examples covering variants, sender alignment, grouped turns, reactions, a long reply that expands, quick replies and formatted assistant output - Preview.
- New Attachment category: 6 file chip examples covering a composer tray, an image strip, 3 sizes, every upload state and a file picker - Preview.
- New Marker category: 6 agent run log examples covering the 3 variants, tool call logs, run status, phase separators and linked rows - Preview.
- New Questionnaire category: 7 guided survey examples covering multiple choice, written answers, progress, skip, validation and conditional branching - Preview.
- Sidebar and Message Scroller examples render in their own preview frame, so each one sizes itself against its card instead of against the page - Preview.
- Every one of the 7 new pages links the Pro blocks built on the same primitive, and the App Shell, AI Chat, Agent Activity and Onboarding blocks link back - Preview.
Fixes & Improvements:
- The Data Grid and Alert Dialog pages pointed at
/components/toast, which is not a page; both now link Sonner - Preview.
v2.5.5 - 16 September, 2026.
Breaking changes:
- ReUI items that merge classes now import
cnfrom thecnpackage instead of your@/lib/utils, following shadcn upstream - Changelog. - Any item that imports it lists
cnin itsdependencies, soshadcn addinstalls the package on the first such install - Docs. - Items already installed keep working and your
@/lib/utilsis untouched - Docs. - To drop
clsxandtailwind-mergefrom your own project, runpnpm dlx shadcn@latest migrate cn- Changelog. - If you had customized
cnin@/lib/utils, rebuild it withcreateCnfromcn/config; newly installed items no longer route through that file - Docs.
MCP server and Agent Skills:
- Every block and
c-*example an MCP tool returns now carries a thumbnail image, so your agent can show you the item before installing it - Docs. - New
get_thumbnailtool returns the preview image itself for up to 4 items in one call, so an agent picks by looking instead of by score - Docs. get_componentreturns only the API sections you name, and trims a very large API on heading boundaries, listing what it dropped - Docs.compose_pagelabels every section by how well its block fits the intent, across 26 page types - Docs.searchflags a weak match and names the query terms no item mentions, instead of ranking a near miss first - Docs.- A free plan now sees a premium block that fits better than the free answer, as a preview with no install command - Docs.
- 4 Agent Skills slash commands - build, add, fix and improve - run the ReUI workflow from your agent's command surface - Docs.
Fixes & Improvements:
- Event Calendar timed views reserve a clickable strip at the end of each day column, so a press beside a full-width block creates a new event instead of doing nothing - Docs.
- The strip's width is
--ec-event-gutter, and0pxrestores edge-to-edge blocks - Docs. - Data Grid pagination moved to an adaptive window carrying the first and last page, so page 40 of 40 is one click away rather than several ellipsis steps - Docs.
- Data Grid
moreLimitsets how many page buttons that window shows, and the row holds a steady width as you page - Docs. - Cascader virtual rows froze at their first window in apps built with React Compiler, which cached the row list against a virtualizer identity that never changes - Preview.
- Filters
defaultOperatornow documents what it does: the operator a rule falls back to when its field changes, not a preselection on create - Docs. - MCP block and example results link each item's own docs page instead of its category page - Docs.
- Icon items declared no npm dependencies at all, so
shadcn addinstalled 54 animated icons across 4 styles without themotionpackage they import - Preview.
v2.5.3 - 15 September, 2026.
New Pro Blocks:
- New Flow category with 4 node canvas blocks on React Flow: an automation workflow carrying per-step owner and last run status, an auto-laid-out agent branch tree, a dependency-ordered pipeline replay with a human approval gate, and a growth impact map whose metric links carry a correlation coefficient - Preview.
- New Agent Activity category with 5 agent run blocks: an approval-gated run console, a live feed with Summary, Detailed and Raw log views, a cited research timeline, an MCP call table carrying each server's refused scope, and an outcome report with a scoped retry - Preview.
- New Profile 10 block: a developer API keys page with masked tokens, roll and revoke, and SDK samples across 3 tasks and 5 languages - Preview.
Fixes & Improvements:
- 10 blocks declared fewer registry dependencies than they import, so
shadcn addcould leave a Popover, Hover Card or Toggle Group uninstalled - Preview.
v2.5.2 - 1 September, 2026.
New: Data Grid Editing API and Localization.
DataGridCellSelectiongainsapiRefwithfocusCell(rowId, columnId, { edit }), landing cell focus, DOM focus andaria-activedescendanttogether on rows still mounting - Docs.- Fill handle looks via
tableLayout.cellFillHandleVariant: the default solid dot, an Excel-style square, or a Sheets-style hollow ring on the selection corner - Docs. tableClassNames.rowPinned,rowCreateandcellFillHandleoverride the pinned-row chrome, the add-row affordance and the fill handle - Docs.- New
getDataGridVisibleSelectedCellCounthelper keeps a selection count consistent with the painted range - Docs. - The virtual layout renders
onRowCreateandappendRow, matching the standard body - Docs. onCellSelectionChangedelivers a resolved selection snapshot: the focused cell, every bound, the active bound and the visible cell count - Docs.- Per-row editability:
cellEdit.editableaccepts a function of the row, locking rows across paste, fill, clear and the editors - Docs. - New
invertDataGridCellsChangehelper derives the undo batch from anyonCellsChangepayload - Docs. - The imperative api gains
clearSelectionandscrollToCell, and the add-row label is localizable viarowCreateLabel- Docs. - Copy and cut now work from the keyboard on every platform: Cmd/Ctrl+C and X write through the async clipboard API, since browsers never fire a native copy for a focused grid - Docs.
- Opt-in single-click editing via
tableLayout.cellEditMode: "click"; double-click stays the default - Docs. - The selection edge beside a pinned column is painted once, inside the cell, so browser zoom and fractional widths can no longer double it into a 2px blur - Preview.
- In-cell controls follow the two-step gesture: the first click on an unfocused cell only focuses it, the second activates the select, date or combobox, matching editor cells - Docs.
- Pinned columns now show the row hover and selected tints, premixed over their opaque background - Preview.
- Selected rows no longer draw the 2px start bar; the checkbox and row tint carry the state - Preview.
i18non DataGrid replaces every built-in string in one place, menu items and aria labels included, with function labels for interpolated copy - Docs.- Opt-in column virtualization for
DataGridTableVirtual: only the horizontal window of center columns renders, pinned columns stay mounted, with controlledscrollToColumnIndex- Docs. onCellsCopyreports every clipboard write with the copied grid and a cut flag, for toast confirmations - Docs.tableLayout.cellEditEnterAdvancerestores the Sheets move-down; an Enter commit now keeps focus on the edited cell by default - Docs.data-cell-controlmarks a custom widget whose active surface is wider than its buttons, so a press anywhere on it follows the two-step gesture - Docs.- 3 new examples: a localized grid with an EN / DE / JA switch, a 36-column virtualized matrix, and a server side paginated grid with a debounced search and a status filter, taking the Data Grid to 34 examples per base - Preview.
- Server side pagination is documented end to end: pass the server total twice, as
rowCountonuseTablefor the page buttons and asrecordCountonDataGridfor the info text - Docs.
New Pro Blocks:
- New AI Agents group with 12 AI Chat blocks: copilot shells, docked and floating assistant panels, welcome screens with prompt starters, side by side model comparison, voice turns, branching threads and grounded docs support - Preview.
- New Data Grid Editing 5 block: a virtualized spreadsheet task grid with cell ranges, clipboard, drag-to-fill, built-in and in-cell editors, a rule-based filter builder, and an undo stack instead of a save bar - Preview.
Fixes & Improvements:
DataGridCellSelection: Sheets-style chrome, with a lighter tint, a solid perimeter that tracks the drag, an unfilled anchor cell and a dashed fill marquee - Preview.DataGridCellSelection: the perimeter's top line is clamped inside the first row, so a sticky header cannot paint over it - Preview.DataGridCellSelection: the perimeter survives the first and last column and the last row, and the fill handle stays inside the grid - Preview.DataGridCellSelection: the built-in editor sits exactly on the cell, so opening it no longer grows the row by 2px, and it is named after its column - Preview.DataGridCellSelection: copy, cut, clear, paste and fill act only on visible rows, so a page-boundary range cannot write hidden ones - Docs.DataGridCellSelection: a fill across columns runs the target'sparseand reports rejections, like a paste - Docs.DataGridCellSelection: Shift and arrows still extend a range after a modifier click on a control cell - Docs.DataGridCellSelection: Escape on an in-cell control returns focus to the grid, and AltGr chords type instead of selecting all - Docs.DataGridTable:columnsResizeMode: "onChange"writes widths to the table element, so a drag costs no React render per move - Docs.DataGridTable: pinned header cells stay put under a sticky header, so the corner no longer scrolls away - Preview.DataGridTable: the resize handle is its owndata-slotspan, so an end-aligned header cannot swallow the menu click - Docs.DataGridTable:aria-rowcountcounts pinned extras andaria-multiselectablefollows the selection mode - Preview.DataGridTableVirtual: rows and the header row are memoized, so a scroll frame renders only what enters the window - Docs.DataGrid:meta.autoSizecolumns reflow with the container down tominSize, and leave a dragged width alone - Docs.DataGrid:onRowCreatehands focus to the grid when a draft replaces it, and its click survives a multi-cell selection - Docs.DataGridPagination: the page-size select no longer clips 3-digit sizes, and page buttons carry accessible names - Docs.DataGridTableRowPin: bottom-pinned rows cast their boundary shadow upward - Docs.Combobox: chips in the spreadsheet editing example are outline badges with an avatar and a remove button - Preview.
v2.5.0 - 26 August, 2026.
New: Data Grid Spreadsheet Editing.
- Cell range selection with drag, Shift and Ctrl ranges and full keyboard navigation, opt-in via
tableLayout.cellSelection- Docs. - Clipboard copy, cut and paste with Excel and Google Sheets TSV round-trip, including bulk paste across a range - Docs.
- Fill handle repeats the selection down or right, with a live drag preview - Preview.
- One batched
onCellsChangewrite contract plus per-columnmeta.cellEditparse, format and clear rules - Docs. - Notion-style editing flow: built-in text and textarea cell editors via
cellEdit.control, opened by Enter, F2, typing or double-click - Docs. - Consumer editors keep the same keystrokes through
onCellEditRequestfor custom controls like selects - Docs. - Full spreadsheet keyboard map: Ctrl+Arrows, Home/End, PageUp/PageDown jumps with Shift extension - Docs.
- ARIA grid semantics: role, row and column indexes, aria-sort, aria-selected and aria-activedescendant tracking for screen readers - Docs.
- Optional CRUD affordances: an
onRowCreateadd-row,getRowStatusrow tints andgetCellStatuscorner marks - Docs. - One column can absorb the resize filler strip via
meta.fillWidth, keeping the grid full-width - Docs. - New
DataGridSelectionBarshell for bulk edits over row selection - Docs. - Works alongside sorting, pagination, resizable and pinned columns; existing grids render byte-identically with the flag off - Docs.
New Free Components:
- New spreadsheet editing example: inline editors, a team member combobox, a date picker, quick add-row and a bulk edit bar, taking the Data Grid to 31 examples per base - Preview.
Fixes & Improvements:
DataGridTable: cell borders no longer float against the resize filler strip whencellBordermeetscolumnsResizable- Preview.DataGridTable: resize handles no longer double the header separators whencellBorderis on - Preview.DataGridTable: end-pinned columns resize from their start edge, indicator on the correct side - Preview.DataGridTable: the viewport no longer draws a browser focus outline during keyboard navigation - Preview.DataGridCellSelection: the focused cell ring is a quiet 1px border-tone outline, and the editor keeps text exactly in place - Preview.
v2.4.0 - 25 August, 2026.
New: Shadcn Code Block.
- New Code Block primitive: Shiki highlighting, a copy button, wrap and expand controls, and per-line action groups - Docs.
- Streams as tokens arrive, with a caret, stick-to-bottom, and markdown fence splitting for AI chat - Docs.
- Diffs from props or real git patches via
parseUnifiedDiff, plus indentation-based code folding in any language - Preview. - Server rendering with no client bundle, no WebAssembly, and no
'wasm-unsafe-eval'in your CSP - Docs. - Theming via
github-light/github-dark, any shiki theme, or--code-token-*design tokens - Docs. - 27 examples per base, taking the registry to 22 primitives - Preview.
Gantt dependencies and milestones:
- Finish-to-start dependency arrows drawn from each event's
dependencies, off withdependencyLines={false}- Docs. - Zero-duration events render as milestone diamonds - Preview.
New Pro Blocks:
- New AI chat App Shell block with a resizable thread rail, search palette and model picker - Preview.
New Ultimate Templates:
- Filespace - Next.js cloud storage and file manager template - Preview.
- Filebox - Laravel Inertia file manager and cloud storage template - Preview.
- Miro - React dental practice management template - Preview.
- Pulse - TanStack Start help desk template with an SLA board - Preview.
- The catalog is now 14 templates, joining the 10 that shipped through v2.3.0 - Preview.
Fixes & Improvements:
- Component docs pages paint sooner, and their first preview reserves its height instead of growing from a spinner - Docs.
v2.3.0 - 19 August, 2026.
New: Shadcn Cascader.
- New Cascader primitive for selecting out of a tree, in 3 panel modes: drill, columns and tree - Docs.
- Takes a nested tree or a flat list, with async levels, cursor paging and a per-request
AbortSignalviagetChildren- Docs. multiplewith amaxcap,selectablebranches,cascadesubtree selection, and deep search - Preview.useCascaderSelection()returns the resolved nodes, their ancestor chains,removeandclear- Docs.- 20 examples per base, taking the registry to 21 primitives - Preview.
Shadcn Filters, rebuilt:
- Filters is a ground-up replacement: the state model is now a boolean query tree, a group carrying an
and/orcombinator over rules and nested groups - Docs. - New advanced condition builder via
variant="advanced", in a popover or inline - Preview. - Drag and drop reordering, pluggable value editors, negatable rules, and 25 operators across 6 value types - Docs.
- All 12 examples rewritten in both twins - Preview.
Breaking changes:
- The Shadcn Filters install target moved from
components/reui/filters.tsxtocomponents/reui/filters/. Delete the old single file when upgrading - Docs. filtersandonChangeare replaced byfields,queryandonQueryChange.variantchanges meaning from"solid" | "default"to"basic" | "advanced"- Docs.- Removed Filters props:
radius,showSearchInput,allowMultiple,collapseAddButton,enableShortcut,shortcutKeyandshortcutLabel- Docs. - A copy-paste migration prompt for the whole port ships in the docs - Docs.
New Pro Blocks:
- 16 new marketing hero blocks - Preview.
- Drive Explorer gained drag and drop upload, with a docked transfer panel, per-file progress, cancel and retry - Preview.
New Ultimate Templates:
- Cohort - Laravel HR and people management template - Preview.
- Flux - Next.js AI agent console template - Preview.
- Roster - React HR and people management template - Preview.
- Lucent - TanStack Start DevOps console template - Preview.
- The catalog is now 10 templates, joining the 6 that shipped in v2.1.7 - Preview.
Fixes & Improvements:
- The home page and site header got a mobile pass, with phone layouts for the hero, block browser, category grid and integrations - Preview.
- Heavy component examples render in their own iframe, at most 3 booting at a time, so a 30-example page no longer queues 30 bundle evaluations - Preview.
- A wheel gesture over a preview keeps scrolling the page once the preview has nothing left to scroll - Preview.
- Data Grid
sortFn: "auto"no longer warns and silently falls back on ordinary string columns - Docs. - Event Calendar drag to create shows the range being drawn, and a multi-day selection reads as 1 dashed box - Preview.
/llms.txtis generated from the registry, so its counts and links cannot go stale - Preview.
v2.2.0 - 5 August, 2026.
Data Grid on TanStack Table v9:
- TanStack Table v9 is a foundational rewrite upstream: modular tree-shakeable features, state on TanStack Store, and a much faster core row model - Release notes.
- The Data Grid primitive now runs on v9. Tables are created with
useTable({ features: dataGridFeatures }), replacing the per-table row-model wiring - Docs. - New public surface: the
dataGridFeaturesbundle, plus theDataGridFeatures,DataGridTableInstance,DataGridColumnMetaandDataGridLayoutPropstypes - Docs. - Installing the grid no longer widens TanStack's
ColumnMetafor every other table in your app - Docs. - The React Compiler opt-out is no longer the default:
"use no memo"came out of 362 of 396 registry files - Docs. - All 30 Data Grid examples and all 78 Pro blocks per base were regenerated on v9, in both twins - Preview.
Breaking changes:
- Column pinning moved from
left/righttostart/end, coveringinitialState.columnPinning,column.pin(),getIsPinned()and the emitteddata-pinnedattributes - Docs. DataGridPropstakes a leadingTFeaturesgeneric,useDataGridis generic, andVisibilityStateis nowColumnVisibilityState- Docs.- The grid needs
@tanstack/react-tablev9. A copy-paste migration prompt ships in the docs - Docs.
Data Grid improvements:
- Row drag and drop holds the other rows still and marks the destination with an indicator bar. New
dropIndicatorprop, on by default - Preview. - The drag clone is portalled to the body and measured to its source row, so it stays under the pointer inside fixed-position containers - Preview.
- Columns marked
meta.autoSizestay resizable, and a hand-dragged width survives the next viewport measurement - Preview. - Column resizing draws a full-height indicator, exposed as
data-slot="data-grid-table-resize-indicator"- Preview.
New Pro Blocks:
- New Files category under Solutions, opening with Drive Explorer: a full-height file manager with a folder tree rail and switchable list and grid views - Preview.
New Ultimate Icons:
- 76 new icons added, 638 in total across 30 categories - Preview.
Fixes & Improvements:
- The Icon Tile primitive scales its corner radius with the tile, so the softer styles no longer render
xsandsmas full circles - Preview. - 4 new twin-parity test suites lock the grid's selection, pinning, sorting, pagination, visibility, resizing and row reordering.
- The MCP search index picked up 10 registry items that shipped but were not discoverable through search - Docs.
- Docs pages paint their article immediately and stream the Copy Page button in behind it - Docs.
v2.1.8 - 2 August, 2026.
Data Grid tree rows:
- Tree rows in the Data Grid primitive - recursive
getSubRowsat any depth, with theDataGridTableRowExpandtoggle supplying per-level indentation - Preview. - Tree rows work with every existing feature: sorting keeps subtrees attached to their parents, pinned and resizable columns keep the indent intact, and virtualization treats expanded children as ordinary rows - Docs.
- Cross-parent row drag and drop in tree grids, with drop indicators and depth guides through
renderRowDecoration- Docs.
New Free Components:
- Tree rows example component - Preview.
New Pro Blocks:
- 4 grouped and tree Data Grid blocks, including a multi-level bill of materials with rolled-up cost and supply risk - Preview.
- New drag and drop Data Grid block - Preview.
- 3 new Event Calendar blocks - Preview.
- New Gantt block - Preview.
Fixes & Improvements:
- MCP OAuth refresh no longer invalidates a connection when a client re-presents the token it already rotated, so headless agents stay signed in - Docs.
- Connected apps on your account now show a disconnected connection instead of hiding it, with instructions to reconnect - Preview.
v2.1.7 - 29 July, 2026.
New Ultimate Templates:
- Atlas - Next.js admin dashboard template - Preview.
- Verve - Next.js CRM template - Preview.
- Overture - Next.js waitlist template - Preview.
- Surge - TanStack Start commerce admin template - Preview.
- Tempo - TanStack Start task management template - Preview.
- Manifest - Laravel and Inertia commerce admin template - Preview.
Primitive improvements:
Fixes & Improvements:
- Templates catalog with per-category pages, search, and light and dark screenshots - Preview.
v2.1.6 - 24 July, 2026.
New Free Primitives:
- New Icon Tile primitive with 5 surface variants (outline, elevated, soft, solid, frame) - Preview.
New Free Components:
- 16 Icon Tile example components - Preview.
v2.1.5 - 20 July, 2026.
New Free Primitives:
- New Event Calendar primitive with 5 views - Preview.
- New Gantt primitive with day to year scales - Preview.
New Free Components:
New Pro Blocks:
- New Event Calendar block - Preview.
- New Gantt block - Preview.
- New editable Data Grid block - Preview.
Primitive improvements:
Fixes & Improvements:
- MCP server authentication reliability and OAuth 2.1 compliance - Preview.
- Simpler installation steps and a cleaner code viewer across the component docs - Preview.
v2.1.0 - 30 June, 2026.
ReUI Pro:
- 485 Pro blocks across 5 groups: Application, Data Grid, Solutions, eCommerce, and Marketing - Preview.
- 562 Pro icons in 4 styles (Outline, Solid, Duotone, Filled), 2,248 variants in total - Preview.
v2.0.1 - 17 March, 2026.
Features:
- 20 new Input Group components added - Preview.
- 10 new Button Group components added - Preview.
- 5 new Card components added - Preview.
- 5 new Dropdown Menu components added - Preview.
- 6 new Data Grid components added - Preview.
- Data Grid Tanstack Virtualization added - Preview.
- Data Grid Row Pinning added - Preview.
Fixes & Improvements:
- Sortable component improvements for Mobile devices - Preview.
- Kanban component improvements for Mobile devices - Preview.
- Incorrect Filters component input height in small size.. Preview.
v1 - Legacy
- Full ReUI v1 changelog - Preview.
On This Page