shadcn/ui for React Native, styled with Tailwind.
@astrawind/ui is shadcn/ui for React Native: the same components, with the same names, props, variants and Tailwind classes, ported from shadcn's new-york-v4 registry. They're styled by @astrawind/css, which resolves Tailwind classes to native styles at runtime, so they look like shadcn/ui on iOS, Android and the web.
How it differs from shadcn/ui
shadcn/ui is code you copy into your project. @astrawind/ui is a package: you import components from it and theme them with CSS variables, the same variables shadcn writes to your CSS. The API is shadcn's; where React Native works differently (text, events, overlays), the components follow React Native.
•
Every component in shadcn's registry, from Accordion to Tooltip, including Chart, Calendar, Carousel, Sidebar and Sonner.
•
Built on @rn-primitives, the React Native port of Radix, for behavior and accessibility.
•
Themed with shadcn's base colors and theme colors, in light and dark mode.
Where to next
Start with the installation guide, then browse the components.
Installation →