New component: Questionnaire. Use it to build multi-step question... flows, like agents asking follow-up questions. Supports single and multiple choice, freeform answers, skippable and conditional steps, controlled and resumable state, custom progress, bring-your-own validation, full keyboard navigation with answer shortcuts, ssr-ready, accessible and composable. Available for Base UI, Radix, React Aria in all styles. Also available as unstyled headless in shadcn/react.show more

You can now build translucent dropdown menus, selects, and... comboboxes on shadcn/create. Mix in your custom styles, icons, fonts, and radii and build something different. Your own preset. All it takes is a few clicks.show more

I just published the full guide to building forms... with the Field component: - TanStack Form & React Hook Form - Zod validation and displaying errors - Practical examples we’ll actually use - Inputs, Radios, Fieldset, Arrays & more Check it out. Link below.show more

Here is an awesome shadcn alternative Coss UI (previously... Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offersshow more

Made a file-uploader component with shadcn ui, react-dropzone, and... Theo uploadthing.show more

Code Connect is now out of beta and with... new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024show more

Coming to React Navigation: navigation.pushParams lets you push to... navigation history without pushing a new screen. Useful for - Keeping state such as filters in history - Integrating custom UI with history (such as a bottom sheet or modal component) without complex logic.show more

Shipped the new chart blocks. I’ve also added more... examples on how to build advanced tooltips with custom label, icons and formatters. Next up: dashboards and cli updates.show more

You can now make your own shadcn/ui and use... it in v0. Create it on open it in v0, and use it as the foundation for your app.show more

React Aria has built-in support for drag and drop.... This kanban board is only ~100 lines, and even supports keyboard accessibility with no additional code needed! 🙂show more

Let's make Android development in React Native great and... fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.show more

Zero config react-scan for React Native in Radon IDE... available under single switch. Would you use it? 👀show more

Introducing Extend UI — open-source components for document agents... - 14 components & examples for PDF, DOCX, and XLSX viewers, plus bounding box citations, file upload, e-signature, and more - fully customizable - MIT licensed when we started, we tried every file viewer and document component library we could find unfortunately, none of them had all the functionality (and polish) that we wanted, so we ended up building our own for Extend it was only ever meant to be internal, but enough customers kept asking for it that we decided to give it back to the community it's useful for building agents, user-facing document flows, or internal tools we use and maintain it for Extend ourselves, so it'll keep getting better over time (and it's battle tested on millions of pages running through our system every day) it also works with design system agents like Magic Patterns for faster exploration and prototyping available today on the shadcn component registry! some examples in 🧵show more

Introducing shadcn/typeset. You know how you render markdown and... get back plain, unstyled HTML? Headings, paragraphs, lists, tables. So you style the elements one by one: font sizes, line heights, spacing. You do it for your blog. Then you do it again for docs. Then again for the chat. Every time, you're fighting the same thing: sizing and spacing. To fix this, we created typeset.css: one file that styles everything inside a typeset container. It lives in your project, so you can change it directly when you need to. And we made it work beautifully with streaming markdown.show more

I just published Trace, a new component for agent... activity. It's one abstraction for reasoning, tool calls, queues, chain of thought, subagents...etc Also in this release: Code Block and AI Elements.show more

React Aria Components v1.19.0 is out! ✨ Autocomplete now... supports inline completions (e.g. mentions), and a new Popover API enables positioning relative to the cursor. Also, text inputs can now be nested inside GridList and Tree without interfering with arrow key navigation!show more

Introducing ogimagecn Build OG images like you build your... UI. Powered by Satori. Pick from 20+ ready-to-use image components you can copy, tweak, and make your own. One command to get started. shadcn/ui compatible. 100% Free. Open source.show more

Headroom 1.4 is out! New bits of motion design,... micro & full-length gauges now available, new meter styles, etc. Headroom now also supports Cursor and Grok now, alongside OpenAI and Claude like it always has. Available for free dollars 👇show more

The best UI components ready to use, save this... 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?show more

Cursor 2.1 is now available! Plans now have an... interactive UI for answering clarifying questions. Also new: in-editor code reviews, instant grep, and improved browser use.show more