Installing Cursor rules with shadcn.

Built rico's chart. It has custom vectors, custom tooltip... cursor, gradient, gaussian blur for hover effects, themes.. Whatever you throw at recharts, it just works.show more

Dark Mode and Focus Rings.

try the shadcn plugin in cursor!

spreadsheet + ai. 8 months of building with AI... SDK shadcn TANSTACK @cursor Vercelshow more

Thank you to all my GitHub sponsors.

You can now color tag items in Copper.

We've added universal item support to the registry. Any... framework. Any language. Now you can distribute code, config, workflows, mcp, agent rules. Anything. Here's me adding better-auth to Nuxt: auth client, middleware, pages. "npm" for application & infrastructure code.show more

We’ve added a new command: npx shadcn apply. Instantly... apply a full preset across your project. Swap components, themes, colors, CSS variables, fonts, and icons all at once. Apply. Test. Repeat.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

CodeHagen ok done. you can now migrate your ui... components between icon libraries.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

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

Introducing Themes. Hand-picked colors that you can copy and... paste into your apps. This builds on top of the Styles API. Pick a style with some sane defaults, add your colors and make it yours.show more

Go to Click on ElevenLabs in the left sidebar.... Press D to turn on dark mode. Then hit R and keep shuffling.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

Cursor pro tip write /Generate Cursor Rules to automatically... generate rulesshow more

Getting a few questions about the menu options. This... is specifically for building inverted menus in light mode. Works for dropdown menu, select, combobox, context menu, menubar...etcshow 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

When you're working on a new app, it can... takes a few tries to find something you like so we've made switching presets really easy. Run init --preset with a new code in your app, and the cli will take care of reconfiguring everything including components, theme & dependencies.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