A React component extending shadcn/ui buttons, using XState to visually show progress for tasks with manual or automatic updates and feedback states.
An unofficial Vue port of shadcn/ui, offering accessible and customizable components to copy and paste into your Vue applications for building custom libraries.
Hundreds of copy-paste blocks for Shadcn UI & Tailwind CSS.
Components & Libraries
A vast library of 700+ copy-paste UI blocks and components for Shadcn UI, Tailwind CSS, and React, accelerating web development.
Components & Libraries
A React component for shadcn/ui projects, offering customizable drag-and-drop file uploads with layout options, built using react-dropzone for enhanced user experience.
Themes & Customizations
@rjsf/tailwind offers a complete Tailwind CSS theme, along with custom fields and widgets, for seamless integration and styling of react-jsonschema-form.
Platforms & Applications
A Next.js 14 veterinary clinic system with booking, admin management, Next-Auth, PostgreSQL (Neon), Drizzle ORM, and ShadCn UI for a complete solution.
Boilerplates & Starters
A shadcn/ui boilerplate packed with tools like React, Tailwind, Vite, and Storybook for swift modern web application development.
Components & Libraries
A React color picker component built with shadcn/ui and react-colorful, offering a seamless and customizable color selection experience for developers.
Components & Libraries
Stepperize is a lightweight React library for building intuitive, type-safe multi-step experiences, offering minimal boilerplate and maximum developer control.
Inspirations & Examples
An open-source application showcasing modern Astro v4 features, integrated with shadcn/ui and React for diverse example pages and app functionalities.
Boilerplates & Starters
Free, open-source Next.js 14 boilerplate with App Router, Next-auth (v5), Next-intl, Prisma, Resend, Tailwind CSS, Shadcn/UI, and Radix UI.
Components & Libraries
Customizable Monthpicker and Monthrangepicker components for shadcn/ui, leveraging Radix UI and Tailwind CSS for flexible date selection.
Boilerplates & Starters
A comprehensive Nuxt 3 boilerplate integrating Shadcn UI, designed to accelerate web development with pre-configured tools and a modern stack.
ShapeX UI offers reusable, customizable blocks built on shadcn/ui and Framer Motion for efficient, scalable web application development. Copy and paste ready.
Ports & Implementations
A Flutter port of shadcn-ui, offering a rich collection of awesome, fully customizable UI components to enhance your Flutter application development.
shadcn/ui offers accessible, customizable React components. Copy-paste to build your unique component library using Radix UI and Tailwind CSS.
Components & Libraries
Luvi UI offers shadcn-ui inspired, copy-paste UI components for Laravel. Built with Blade and AlpineJS, it's accessible, customizable, open-source, and Livewire compatible.
Components & Libraries
Magic UI is a free, open-source library for design engineers, offering 150+ animated components built with React, Typescript, Tailwind CSS, and Motion.
Ports & Implementations
An unofficial Django adaptation of shadcn/ui, providing Tailwind CSS and Alpine.js components via a CLI for direct project integration and full customization.
Components & Libraries
A collection of adaptable Date and Time picker components built with ShadCN UI, showcasing varied functionalities for React projects, including form integration.
Inspirations & Examples
An example showcasing Next.js Server Actions for forms, integrated with Vercel Postgres and styled using shadcn/ui components.
Components & Libraries
An unofficial Angular port of Radix UI, offering low-level, accessible, and customizable UI primitives for building high-quality design systems and web apps.
Boilerplates & Starters
A SvelteKit starter for a medical injector's landing page, integrating svelte-superforms, FastAPI, shadcn-svelte, GSAP, and more for a rich user experience.
Boilerplates & Starters
A sample SPA project template using React, TypeScript, shadcn/ui, and Vite, designed for BtoB management site development.
Boilerplates & Starters
A front-end admin dashboard interface built using Next.js, TypeScript, and Shadcn/ui, featuring a modern stack for rapid UI development.
Inspirations & Examples
A simple guide to creating multi-step shadcn forms in Next.js using React Context and localstorage, avoiding external state management libraries.
Ved UI provides highly adaptable form components using shadcn/ui, Zod for validation, and React Hook Form for state, enabling rapid development.
Themes & Customizations
A theme integrating ShadCN UI with react-jsonschema-form, complete with a form builder for streamlined React form development and styling.
Components & Libraries
A React component for Shadcn UI, offering a customizable phone input with international validation and country selection.
Components & Libraries
A customizable React component for creating elegant, interactive multi-option switches. Features flexible styling, accessibility, and smooth transitions without framer-motion.
Components & Libraries
A curated collection of supplementary UI components for Shadcn-Svelte, installable via CLI for seamless integration and enhanced development.
Plugins & Extensions
A collection of supplementary components for shandcn/ui, featuring an auto-height textarea and a Tiptap-based rich text editor for developers.
A full-stack, informal forum application built with Next.js, Shadcn/UI, Prisma, tRPC, and Supabase, supporting anonymous posts and user accounts.
Components & Libraries
A Next.js component for interactive country and state dropdowns, styled with Tailwind CSS, built with Shadcn-ui, and using Zustand for state.
