--- title: October 2025 - New Components | daily.dev description: Seven new components have shipped for shadcn: Spinner, Kbd, Button Group, Input Group, Field, Item, and Empty. They're designed as reusable, copy-paste... canonical: https://daily.dev/posts/october-2025---new-components-zzvpquxou twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: October 2025 - New Components | daily.dev og:description: Seven new components have shipped for shadcn: Spinner, Kbd, Button Group, Input Group, Field, Item, and Empty. They're designed as reusable, copy-paste... og:url: https://daily.dev/posts/october-2025---new-components-zzvpquxou og:image: https://api.daily.dev/og/posts/ZzvpqUxOU.png og:image:alt: October 2025 - New Components og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # October 2025 - New Components **[The Foundation for your Design System - shadcn/ui](https://daily.dev/sources/shadcn-ui)** · 4 min read · 0 upvotes · 0 comments ## Summary Seven new components have shipped for shadcn: Spinner, Kbd, Button Group, Input Group, Field, Item, and Empty. They're designed as reusable, copy-paste abstractions that work with any component library (Radix, Base UI, React Aria) and any form library (Server Actions, React Hook Form, TanStack Form). Field is highlighted as a flexible abstraction for building complex, responsive multi-section forms, while Item serves as a generic flex container for lists, cards, and similar UI patterns. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What new components were added to shadcn/ui in October 2025? Seven new components shipped: Spinner, Kbd, Button Group, Input Group, Field, Item, and Empty. Spinner shows loading states, Kbd displays keyboard shortcuts, Button Group wraps related buttons including split buttons, Input Group adds icons/buttons/labels to inputs, Field standardizes form building, Item is a flexible container for lists and cards, and Empty handles empty states. _Developers tracking new shadcn/ui releases can follow component updates like these on daily.dev._ ### Does the shadcn Field component work with React Hook Form and TanStack Form? Yes, the Field component is built to work with all form libraries, including Server Actions, React Hook Form, TanStack Form, or a custom bring-your-own-form setup. It supports all form controls such as inputs, textareas, selects, checkboxes, radios, switches, and sliders, and can be grouped using FieldGroup and FieldSet for multi-section forms. _Anyone choosing a form abstraction for shadcn projects can weigh options like this on daily.dev._ ### Do the new shadcn/ui components require Radix UI to work? No, the new components (Spinner, Kbd, Button Group, Input Group, Field, Item, and Empty) work with any component library, including Radix, Base UI, or React Aria. They are distributed as copy-and-paste code rather than an installed package, so they can be adapted freely to a project's existing setup. _Developers evaluating component library compatibility can keep up with shadcn changes on daily.dev._ ## Similar posts on daily.dev - [React-Admin: February 2026 Update](https://daily.dev/posts/react-admin-february-2026-update-frhm2auqr) · marmelab · 66 upvotes · 2 comments - [How to Build a Shadcn Sheet Component in React: Cart and Filter Panel Examples](https://daily.dev/posts/how-to-build-a-shadcn-sheet-component-in-react-cart-and-filter-panel-examples-ns90bg7qt) · freeCodeCamp · 4 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react), [#frontend](https://daily.dev/tags/frontend), [#tailwind-css](https://daily.dev/tags/tailwind-css), [#shadcn](https://daily.dev/tags/shadcn) [View this post on daily.dev](https://daily.dev/posts/october-2025---new-components-zzvpquxou) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"October 2025 - New Components","url":"https://daily.dev/posts/october-2025---new-components-zzvpquxou","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/october-2025---new-components-zzvpquxou"},"datePublished":"2026-08-23T12:18:02.994Z","dateModified":"2026-08-23T12:24:21.788Z","description":"Seven new components have shipped for shadcn: Spinner, Kbd, Button Group, Input Group, Field, Item, and Empty. They're designed as reusable, copy-paste...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/6ae658ee46da339e03bbe75e5e3509f6?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/6ae658ee46da339e03bbe75e5e3509f6?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"The Foundation for your Design System - shadcn/ui","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"The Foundation for your Design System - shadcn/ui","logo":"https://media.daily.dev/image/upload/s--GiOq6F7Y--/f_auto,q_auto/v1787487441/logos/shadcn-ui?_a=BAMAMicg0","url":"https://daily.dev/sources/shadcn-ui"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/october-2025---new-components-zzvpquxou","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react,frontend,tailwind-css,shadcn","timeRequired":"PT4M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"The Foundation for your Design System - shadcn/ui","item":"https://daily.dev/sources/shadcn-ui"},{"@type":"ListItem","position":3,"name":"October 2025 - New Components"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/october-2025---new-components-zzvpquxou#faq","mainEntity":[{"@type":"Question","name":"What new components were added to shadcn/ui in October 2025?","acceptedAnswer":{"@type":"Answer","text":"Seven new components shipped: Spinner, Kbd, Button Group, Input Group, Field, Item, and Empty. Spinner shows loading states, Kbd displays keyboard shortcuts, Button Group wraps related buttons including split buttons, Input Group adds icons/buttons/labels to inputs, Field standardizes form building, Item is a flexible container for lists and cards, and Empty handles empty states. Developers tracking new shadcn/ui releases can follow component updates like these on daily.dev."}},{"@type":"Question","name":"Does the shadcn Field component work with React Hook Form and TanStack Form?","acceptedAnswer":{"@type":"Answer","text":"Yes, the Field component is built to work with all form libraries, including Server Actions, React Hook Form, TanStack Form, or a custom bring-your-own-form setup. It supports all form controls such as inputs, textareas, selects, checkboxes, radios, switches, and sliders, and can be grouped using FieldGroup and FieldSet for multi-section forms. Anyone choosing a form abstraction for shadcn projects can weigh options like this on daily.dev."}},{"@type":"Question","name":"Do the new shadcn/ui components require Radix UI to work?","acceptedAnswer":{"@type":"Answer","text":"No, the new components (Spinner, Kbd, Button Group, Input Group, Field, Item, and Empty) work with any component library, including Radix, Base UI, or React Aria. They are distributed as copy-and-paste code rather than an installed package, so they can be adapted freely to a project's existing setup. Developers evaluating component library compatibility can keep up with shadcn changes on daily.dev."}}]} ```