It just got a lot easier to customize Clerk UI components 👉🏼 youtu.be/0SWck1H3XSg

Superior design

Added a really simple preview setup so I can share demos on my personal site vs needing to link off to external service. alexcarpenter.me/notes

We just shipped the first iteration of our shadcn/ui registry at Clerk. More blocks, pages, and components on the way! clerk.com/changelog/2025…

size-4 > w-4 h-4

Quick share on differing methods you can use for exposing state in UI components. - data attributes - render props - uncontrolled/controllable state

lil togepi Alex Carpenter FWIW: If you have a svg with a viewbox and give it a size that does not match the viewbox the svg will center its contents → so no <span> wrapper needed. play.tailwindcss.com/HbPYs1ggJX

Ensure the trailing icon never orphans itself on to a new line. Picked up this tip from JohnPhamous some time ago and every project ends up needing it in some fashion. alexcarpenter.me/notes/2025-08-…

Responsive preview using CSS resize property.

Sleeping Bear

Having a UI package that is accessible for your dashboard and marketing properties within a monorepo is increasingly more interesting these days. Consistent button/inputs across marketing and dashboard with the flexibility of Tailwind for custom typography and layouts.

Really like this detail. Having it scoped to only interactive elements so that text hovers don't undo the parent hover feels like a small improvement. hover:not-has-[button:hover]:not-has-[a:hover] play.tailwindcss.com/jhVdqXPCpf

Interactive project component that is sourced from a shadcn registry item. <Project src="https://clerk.c⁠om/r/nextjs-quickstart.json" /> Using React Aria Tree component react-spectrum.adobe.com/react-aria/Tre…