Back to articles
Park UI Has Free Beautifully Styled Components Built on Ark UI — Here's What You Get

Park UI Has Free Beautifully Styled Components Built on Ark UI — Here's What You Get

via Dev.to ReactAlex Spinov

What if you want Ark UI's power but don't want to style everything from scratch? Park UI gives you beautiful defaults. What is Park UI? Park UI is a styled component library built on top of Ark UI. Think of it as the shadcn/ui equivalent for Ark UI — pre-styled, accessible components you can copy-paste into your project. Key Difference Ark UI = headless (no styles, you bring your own) Park UI = styled (beautiful defaults, customizable) Works with React, Vue, and Solid Supports Tailwind CSS and Panda CSS Quick Start # Install the CLI npx @park-ui/cli init # Add components npx @park-ui/cli add button npx @park-ui/cli add dialog npx @park-ui/cli add select Button Variants import { Button } from " ~/components/ui/button " ; export function Buttons () { return ( < div className = "flex gap-3" > < Button > Primary </ Button > < Button variant = "outline" > Outline </ Button > < Button variant = "ghost" > Ghost </ Button > < Button variant = "link" > Link </ Button > < Button size = "sm" > Sm

Continue reading on Dev.to React

Opens in a new tab

Read Full Article
2 views

Related Articles