https://www.shadcn.io/ui 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui.png Shadcn/ui primitives you actually own Radix UI components — button, dialog, table, sidebar, and the rest. TypeScript, Tailwind CSS, copy from the shadcn.io registry. https://www.shadcn.io/ui/textarea 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-textarea.png Shadcn Textarea React textarea for comments, bios, and feedback. Built with TypeScript and Tailwind CSS for Next.js using Base UI — labels, invalid state, and a send button. https://www.shadcn.io/ui/message 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-message.png Shadcn Message React message for chat rows in a thread or assistant. Built with TypeScript and Tailwind CSS for Next.js using Base UI — avatar, header, footer, start or end. https://www.shadcn.io/ui/alert-dialog 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-alert-dialog.png Shadcn Alert Dialog React alert dialog for delete confirms and irreversible choices. Built with TypeScript and Tailwind CSS for Next.js using Base UI — focus trap and a required answer. https://www.shadcn.io/ui/aspect-ratio 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-aspect-ratio.png Shadcn Aspect Ratio React aspect ratio for images and video embeds. Built with TypeScript and Tailwind CSS for Next.js using Base UI — lock 16/9, 1/1, or any width over height. https://www.shadcn.io/ui/scroll-fade 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-scroll-fade.png Shadcn Scroll Fade React scroll fade for overflowing lists and carousels. Built with TypeScript and Tailwind CSS for Next.js using Base UI — mask edges that track the scroll. https://www.shadcn.io/ui/hover-card 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-hover-card.png Shadcn Hover Card React hover card for profile and link previews. Built with TypeScript and Tailwind CSS for Next.js using Base UI — open delay, side, and collision flip. https://www.shadcn.io/ui/attachment 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-attachment.png Shadcn Attachment React attachment for files in a composer or thread. Built with TypeScript and Tailwind CSS for Next.js using Base UI — upload states, sizes, and a full-card trigger. https://www.shadcn.io/ui/progress 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-progress.png Shadcn Progress React progress for uploads, form steps, and long-running tasks. Built with TypeScript and Tailwind CSS for Next.js using Base UI — a track that fills as value moves. https://www.shadcn.io/ui/collapsible 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-collapsible.png Shadcn Collapsible React collapsible for extra details, settings, and file trees. Built with TypeScript and Tailwind CSS for Next.js using Base UI — one open region you control. https://www.shadcn.io/ui/avatar 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-avatar.png Shadcn Avatar React avatar for profile photos, comments, and team lists. Built with TypeScript and Tailwind CSS for Next.js using Base UI — image, fallback, badge, and groups. https://www.shadcn.io/ui/input-group 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-input-group.png Shadcn Input Group React input group for icons, buttons, and addons on inputs. Built with TypeScript and Tailwind CSS for Next.js using Base UI — one focus ring for the whole control. https://www.shadcn.io/ui/tooltip 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-tooltip.png Shadcn Tooltip React tooltip for hover and focus hints on icon buttons. Built with TypeScript and Tailwind CSS for Next.js using Base UI — sides, shortcuts, and disabled triggers. https://www.shadcn.io/ui/chart 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-chart.png Shadcn Chart React chart for dashboards and analytics. Built with TypeScript and Tailwind CSS for Next.js using Base UI — themed tooltips, legends, and CSS variable colors. https://www.shadcn.io/ui/form 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-form.png Shadcn Form React form for settings, profiles, and sign-up. Built with TypeScript and Tailwind CSS for Next.js using react-hook-form — labels, errors, and Controller wiring. https://www.shadcn.io/ui/button 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-button.png Shadcn Button React button for forms, dialogs, and toolbar actions. Built with TypeScript and Tailwind CSS for Next.js using Base UI — variants, sizes, and buttonVariants for links. https://www.shadcn.io/ui/markdown 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-markdown.png Shadcn Markdown React markdown for assistant replies and docs snippets. Built with TypeScript and Tailwind CSS for Next.js using Base UI — Streamdown, tables, and fenced code. https://www.shadcn.io/ui/carousel 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-carousel.png Shadcn Carousel React carousel for product galleries and testimonials. Built with TypeScript and Tailwind CSS for Next.js using Base UI — swipe, sizes, plugins, and RTL. https://www.shadcn.io/ui/ai-sdk 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-ai-sdk.png Shadcn AI SDK React AI SDK helper for scripted chat previews and tests. Built with TypeScript and Tailwind CSS for Next.js using @shadcn/helpers — stream useChat with no model. https://www.shadcn.io/ui/bubble 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-bubble.png Shadcn Bubble React chat bubble for sent and received messages. Built with TypeScript and Tailwind CSS for Next.js using Base UI — seven variants, alignment, grouping, and reactions. https://www.shadcn.io/ui/context-menu 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-context-menu.png Shadcn Context Menu React context menu for right-click actions on a row or file. Built with TypeScript and Tailwind CSS for Next.js using Base UI — submenus, shortcuts, and checkboxes. https://www.shadcn.io/ui/scroll-area 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-scroll-area.png Shadcn Scroll Area React scroll area for overflow lists and image galleries. Built with TypeScript and Tailwind CSS for Next.js using Base UI — custom scrollbars, native wheel and touch. https://www.shadcn.io/ui/spinner 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-spinner.png Shadcn Spinner React spinner for buttons, badges, and async waits. Built with TypeScript and Tailwind CSS for Next.js using Base UI — size it with utilities, keep role=status. https://www.shadcn.io/ui/typography 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-typography.png Shadcn Typography React typography for headings, paragraphs, and lists. Built with TypeScript and Tailwind CSS for Next.js using Base UI — utility classes, no extra component file. https://www.shadcn.io/ui/menubar 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-menubar.png Shadcn Menubar React menubar for desktop-style File, Edit, and View bars. Built with TypeScript and Tailwind CSS for Next.js using Base UI — nested menus and keyboard shortcuts. https://www.shadcn.io/ui/resizable 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-resizable.png Shadcn Resizable React resizable for dashboards and split editors. Built with TypeScript and Tailwind CSS for Next.js using Base UI — drag handles, nested groups, and RTL. https://www.shadcn.io/ui/shimmer 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-shimmer.png Shadcn Shimmer React shimmer for loading labels and live status text. Built with TypeScript and Tailwind CSS for Next.js using Base UI — a highlight that sweeps currentColor. https://www.shadcn.io/ui/skeleton 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-skeleton.png Shadcn Skeleton React skeleton for loading placeholders on cards, tables, and forms. Built with TypeScript and Tailwind CSS for Next.js using Base UI — match the loaded layout. https://www.shadcn.io/ui/navigation-menu 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-navigation-menu.png Shadcn Navigation Menu React navigation menu for site headers with dropdowns and mega menus. Built with TypeScript and Tailwind CSS for Next.js using Base UI — hover delays and keyboard nav. https://www.shadcn.io/ui/command 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-command.png Shadcn Command React command palette for search and quick actions. Built with TypeScript and Tailwind CSS for Next.js using Base UI — fuzzy filter, groups, and keyboard shortcuts. https://www.shadcn.io/ui/popover 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-popover.png Shadcn Popover React popover for settings panels, filters, and inline forms. Built with TypeScript and Tailwind CSS for Next.js using Base UI — click to open, no focus trap. https://www.shadcn.io/ui/toggle-group 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-toggle-group.png Shadcn Toggle Group React toggle group for formatting toolbars and view switchers. Built with TypeScript and Tailwind CSS for Next.js using Base UI — single or multiple, outline, and RTL. https://www.shadcn.io/ui/pagination 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-pagination.png Shadcn Pagination React pagination for search results and data tables. Built with TypeScript and Tailwind CSS for Next.js using Base UI — previous, next, page links, and ellipsis. https://www.shadcn.io/ui/field 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-field.png Shadcn Field React field for labeled controls on checkout and settings forms. Built with TypeScript and Tailwind CSS for Next.js using Base UI — orientation, fieldsets, and errors. https://www.shadcn.io/ui/marker 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-marker.png Shadcn Marker React marker for inline status, system notes, and labeled separators in a thread. Built with TypeScript and Tailwind CSS for Next.js using Base UI — three layouts. https://www.shadcn.io/ui/drawer 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-drawer.png Shadcn Drawer React drawer for mobile sheets and side panels. Built with TypeScript and Tailwind CSS for Next.js using Base UI — swipe to dismiss, four sides, snap points. https://www.shadcn.io/ui/data-table 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-data-table.png Shadcn Data Table React data table for payments, users, and admin lists. Built with TypeScript and Tailwind CSS for Next.js using Table and TanStack Table — sort, filter, paginate. https://www.shadcn.io/ui/tanstack-ai 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-tanstack-ai.png Shadcn TanStack AI React TanStack AI helper for scripted chat previews and tests. Built with TypeScript and Tailwind CSS for Next.js using @shadcn/helpers — stream useChat with no model. https://www.shadcn.io/ui/card 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-card.png Shadcn Card React card for login forms, settings, and product tiles. Built with TypeScript and Tailwind CSS for Next.js using Base UI — header, content, footer, and an action slot. https://www.shadcn.io/ui/switch 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-switch.png Shadcn Switch React switch for dark mode, notifications, and feature flags. Built with TypeScript and Tailwind CSS for Next.js using Base UI — checked or unchecked, sm or default. https://www.shadcn.io/ui/badge 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-badge.png Shadcn Badge React badge for status, counts, and labels. Built with TypeScript and Tailwind CSS for Next.js using Base UI — six variants, icons, and render links on a span. https://www.shadcn.io/ui/table 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-table.png Shadcn Table React table for invoices, orders, and static reports. Built with TypeScript and Tailwind CSS for Next.js using Base UI — caption, header, body, and footer. https://www.shadcn.io/ui/separator 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-separator.png Shadcn Separator React separator for menus, forms, and list rows. Built with TypeScript and Tailwind CSS for Next.js using Base UI — horizontal or vertical, decorative by default. https://www.shadcn.io/ui/combobox 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-combobox.png Shadcn Combobox React combobox for searchable country and framework pickers. Built with TypeScript and Tailwind CSS for Next.js using Base UI — type to filter a long list. https://www.shadcn.io/ui/date-picker 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-date-picker.png Shadcn Date Picker React date picker for forms, bookings, and filters. Built with TypeScript and Tailwind CSS for Next.js using Popover and Calendar — single dates, ranges, and time. https://www.shadcn.io/ui/slider 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-slider.png Shadcn Slider React slider for volume, price filters, and settings. Built with TypeScript and Tailwind CSS for Next.js using Base UI — one thumb or a range, keyboard steps included. https://www.shadcn.io/ui/sonner 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-sonner.png Shadcn Sonner React toast for save confirms, undo, and async feedback. Built with TypeScript and Tailwind CSS for Next.js using Base UI — success, error, and promise states. https://www.shadcn.io/ui/alert 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-alert.png Shadcn Alert React alert for success, errors, and inline notices on a page. Built with TypeScript and Tailwind CSS for Next.js using Base UI — role=alert, default and destructive. https://www.shadcn.io/ui/calendar 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-calendar.png Shadcn Calendar React calendar for bookings, filters, and date ranges. Built with TypeScript and Tailwind CSS for Next.js using Base UI — single days, ranges, and locales. https://www.shadcn.io/ui/input 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-input.png Shadcn Input React input for emails, search, and file uploads. Built with TypeScript and Tailwind CSS for Next.js using Base UI — labels, invalid state, and field groups. https://www.shadcn.io/ui/direction 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-direction.png Shadcn Direction React direction provider for Arabic, Hebrew, and Persian pages. Built with TypeScript and Tailwind CSS for Next.js using Base UI — one context so menus and sliders flip. https://www.shadcn.io/ui/toast 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-toast.png Shadcn Toast React toast for save confirms, undo, and async status. Built with TypeScript and Tailwind CSS for Next.js using Base UI — stacked, swipe to dismiss, promise states. https://www.shadcn.io/ui/empty 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-empty.png Shadcn Empty React empty state for no-data lists and first-run screens. Built with TypeScript and Tailwind CSS for Next.js using Base UI — icon, title, description, and action. https://www.shadcn.io/ui/toggle 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-toggle.png Shadcn Toggle React toggle for two-state toolbar buttons and filters. Built with TypeScript and Tailwind CSS for Next.js using Base UI — pressed state, outline, sizes, and RTL. https://www.shadcn.io/ui/select 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-select.png Shadcn Select React select for theme, status, and timezone pickers. Built with TypeScript and Tailwind CSS for Next.js using Base UI — grouped options and typeahead search. https://www.shadcn.io/ui/button-group 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-button-group.png Shadcn Button Group React button group for toolbars and split actions. Built with TypeScript and Tailwind CSS for Next.js using Base UI — fused borders, nested clusters, mixed inputs. https://www.shadcn.io/ui/message-scroller 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-message-scroller.png Shadcn Message Scroller React chat scroller for AI threads and support transcripts. Built with TypeScript and Tailwind CSS for Next.js using Base UI — anchors turns, follows streams. https://www.shadcn.io/ui/item 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-item.png Shadcn Item React item for settings, notification, and file list rows. Built with TypeScript and Tailwind CSS for Next.js using Base UI — media, title, description, and actions. https://www.shadcn.io/ui/accordion 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-accordion.png Shadcn Accordion React accordion for FAQ and settings sections. Built with TypeScript and Tailwind CSS for Next.js using Base UI — one or many panels, keyboard navigation. https://www.shadcn.io/ui/native-select 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-native-select.png Shadcn Native Select React native select for mobile pickers and HTML forms. Built with TypeScript and Tailwind CSS for Next.js using Base UI — option groups and validation states. https://www.shadcn.io/ui/sheet 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-sheet.png Shadcn Sheet React sheet for settings, filters, and side panels. Built with TypeScript and Tailwind CSS for Next.js using Base UI — slides from any edge with a focus trap. https://www.shadcn.io/ui/kbd 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-kbd.png Shadcn Kbd React kbd for shortcut keycaps in menus and tooltips. Built with TypeScript and Tailwind CSS for Next.js using Base UI — grouped keys that never steal clicks. https://www.shadcn.io/ui/breadcrumb 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-breadcrumb.png Shadcn Breadcrumb React breadcrumb for docs and store category trails. Built with TypeScript and Tailwind CSS for Next.js using Base UI — Slot links, custom separators, collapsed paths. https://www.shadcn.io/ui/dropdown-menu 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-dropdown-menu.png Shadcn Dropdown Menu React dropdown menu for actions, account menus, and settings. Built with TypeScript and Tailwind CSS for Next.js using Base UI — groups, shortcuts, and nested submenus. https://www.shadcn.io/ui/dialog 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-dialog.png Shadcn Dialog React dialog for profile forms, share sheets, and settings. Built with TypeScript and Tailwind CSS for Next.js using Base UI — focus trap and a required title. https://www.shadcn.io/ui/radio-group 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-radio-group.png Shadcn Radio Group React radio group for checkout, surveys, and settings. Built with TypeScript and Tailwind CSS for Next.js using Base UI — one option selected, arrow keys move. https://www.shadcn.io/ui/sidebar 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-sidebar.png Shadcn Sidebar React sidebar for app shells and dashboard navigation. Built with TypeScript and Tailwind CSS for Next.js using Base UI — collapsible rail, mobile sheet, Cmd+B. https://www.shadcn.io/ui/checkbox 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-checkbox.png Shadcn Checkbox React checkbox for terms, filters, and table row selection. Built with TypeScript and Tailwind CSS for Next.js using Base UI — checked, unchecked, or indeterminate. https://www.shadcn.io/ui/input-otp 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-input-otp.png Shadcn Input OTP React OTP input for 2FA codes, PINs, and SMS verification. Built with TypeScript and Tailwind CSS for Next.js using Base UI — paste a code and every slot fills. https://www.shadcn.io/ui/label 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-label.png Shadcn Label React label for inputs, checkboxes, and form controls. Built with TypeScript and Tailwind CSS for Next.js using Base UI — click the text to focus the control. https://www.shadcn.io/ui/questionnaire 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-questionnaire.png Shadcn Questionnaire React questionnaire for onboarding, intake, and research flows. Built with TypeScript and Tailwind CSS for Next.js using Base UI — choices, freeform, skip, and progress. https://www.shadcn.io/ui/tabs 2026-08-19 weekly 0.9 https://cdn.shadcn.io/og/ui-tabs.png Shadcn Tabs React tabs for settings screens and dashboard views. Built with TypeScript and Tailwind CSS for Next.js using Base UI — one panel at a time, keyboard navigation.