shadcn/ui for Vue, Svelte, Angular, React Native, and HTML

shadcn/ui itself is React only, but community ports bring the same copy-paste model to other stacks. Use shadcn-vue for Vue, shadcn-svelte for Svelte, spartan/ui for Angular, React Native Reusables for mobile, and Basecoat UI for plain HTML. All of them are MIT licensed.

Ports by framework

These are community projects, not official shadcn/ui releases. The official shadcn/ui components are React only and can use Base UI, Radix UI, or React Aria underneath.

FrameworkProjectBuilt on
Vueshadcn-vueReka UI
Svelteshadcn-svelteBits UI
Angularspartan/uispartan brain primitives
React NativeReact Native Reusablesrn-primitives and Nativewind
Plain HTMLBasecoat UITailwind CSS and a little vanilla JavaScript
Solidsolid-uiKobalte and corvu

Laravel

You do not need a port for Laravel. The official Laravel starter kits already use shadcn/ui for React, shadcn-vue for Vue, and shadcn-svelte for Svelte, through Inertia. The Livewire kit uses Flux UI instead. With the React kit, Watermelon components install with the same shadcn CLI.

React projects

If you are on React, use shadcn/ui directly and add free React components, blocks, and dashboards from Watermelon UI.

Frequently asked questions

Does shadcn/ui support Vue?

Not officially. shadcn-vue is a community port with the same copy-paste model, built on Reka UI.

Is there a shadcn/ui for Angular?

Yes. spartan/ui is an MIT licensed Angular library inspired by shadcn/ui, with its own CLI.

Related

Open-source UI platform for developers

Watermelon UI is an open-source platform for browsing React components, animated interactions, dashboards, templates, and reusable page sections. The project is built for the community and helps developers move from inspiration to implementation faster by pairing visual previews with source-backed examples and documentation. The platform also includes full templates so people can see how individual blocks work together as realistic product pages instead of only as isolated snippets.

Important public pages include the main docs home, animated components, blocks, dashboards, templates, developer docs, about, contact, privacy, terms, copyright, llms.txt, and the sitemap. The repositories under WatermelonCorp are the source of truth for contributions, and the platform repository includes local MCP tooling for structured agent access to the catalog.