A collection of 30+ interactive, open-source Tailwind CSS components, blocks, and templates designed for Vue and Nuxt to build visually striking websites.
An unofficial Vue port of shadcn/ui, offering accessible and customizable components to copy and paste into your Vue applications for building custom libraries.
Seamless drag-and-drop file uploads for your shadcn/ui React projects.
26
2
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.
TWBlocks offers free, copy-paste React UI components built with shadcn, Radix UI, Tailwind CSS, and Next.js, supporting themes and dark/light modes.
Plugins & Extensions
An UnoCSS preset enabling shadcn/ui, shadcn-vue, shadcn-svelte, or SolidUI, offering customizable theming and streamlined integration for modern UIs.
Components & Libraries
Tailark offers responsive, pre-built shadcn-UI and Tailwind CSS blocks, accelerating the development of modern marketing websites for developers.
Boilerplates & Starters
A starter kit for Chrome extension development, integrating Plasmo, Tailwind CSS, and Shadcn/UI for efficient workflows and polished user interfaces.
A personal website starter built with Next.js and Shadcn/ui, offering a modern, customizable foundation for developers to showcase their work.
Boilerplates & Starters
Docusaurus V3 template integrating TailwindCSS and Shadcn/UI for modern documentation sites with accessible components, API docs, and blogs.
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
Feature-packed React table for Shadcn UI, supporting sticky elements, pagination, sorting, and dynamic data, ideal for large datasets.
Inspirations & Examples
A personal project demonstrating in-depth learning and application of Storybook with Shadcn-ui components, emphasizing quality and future-proof design.
Components & Libraries
A dropzone component in the Shadcn style. Uses react-dropzone, Shadcn primitives, and focuses on accessibility for easy file uploads in React projects.
Components & Libraries
A React component for creating customizable and accessible confirmation dialogs, easily integrated using a hook and provider, with Shadcn UI support.
Components & Libraries
Customizable Monthpicker and Monthrangepicker components for shadcn/ui, leveraging Radix UI and Tailwind CSS for flexible date selection.
Components & Libraries
Open-source Next.js project demonstrating animated Shadcn tab components for a smoother, visually appealing user experience with dynamic theming.
Shadverse is a curated collection where developers discover and share innovative applications built using the shadcn-ui component library.
Boilerplates & Starters
A comprehensive Nuxt 3 boilerplate integrating Shadcn UI, designed to accelerate web development with pre-configured tools and a modern stack.
A minimal, responsive Next.js blog template using ShadcnUI and MDX, designed for simplicity and effective content presentation.
ShapeX UI offers reusable, customizable blocks built on shadcn/ui and Framer Motion for efficient, scalable web application development. Copy and paste ready.
Components & Libraries
FarmUI offers animation-rich UI components built on Radix and Shadcn, providing full source code flexibility for client-first development experiences.
Platforms & Applications
A real-time weather application built using Next.js 14, TypeScript, and Shadcn UI, offering comprehensive weather data and an intuitive interface.
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.
Boilerplates & Starters
Larasonic: A modern, open-source SaaS starter kit featuring Laravel, React, Shadcn, TailwindCSS, and Inertia for rapid development.
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.
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.
Boilerplates & Starters
A starter template for building responsive dashboards, leveraging Nuxt 3, Shadcn UI components, and the utility-first UnoCSS framework for rapid development.
Inspirations & Examples
Enscribe.dev is a personal information security blog utilizing Astro, Tailwind CSS, and shadcn/ui, presenting educational content on CTFs and cybersecurity topics.
Boilerplates & Starters
A Remix starter featuring Shadcn-ui, Aceternity-ui, and client-hints-powered optimistic dark mode for rapid, modern web development.
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 front-end admin dashboard interface built using Next.js, TypeScript, and Shadcn/ui, featuring a modern stack for rapid UI development.
