879 curated listings tagged "Tailwind CSS" on Awesome Shadcn/ui. Compare open-source and premium shadcn/ui components, blocks and tools with GitHub stars and direct links to each project.
A React color picker component built with shadcn/ui and react-colorful, offering a seamless and customizable color selection experience for developers.
Plugins & Extensions
A VS Code extension offering live HSL color previews for shadcn syntax, enhancing development with instant visual feedback and conversion tools.
Vite, React, TypeScript Starter with Tailwind & Shadcn/ui.
13
4
Boilerplates & Starters
A minimal project template for React and TypeScript, powered by Vite, with ESLint, and ready for Tailwind CSS & Shadcn/ui integration.
An open-source application showcasing modern Astro v4 features, integrated with shadcn/ui and React for diverse example pages and app functionalities.
Platforms & Applications
FileDrop is a Next.js application enabling direct peer-to-peer file sharing and real-time chat, using Node.js, Socket.IO, and WebRTC.
Inspirations & Examples
A personal project demonstrating in-depth learning and application of Storybook with Shadcn-ui components, emphasizing quality and future-proof design.
Echo Editor is a modern AI-powered WYSIWYG rich-text editor for Vue, leveraging tiptap for core functionality and shadcn-vue for its UI.
A starter project to self-host Ory Kratos, Hydra, and Keto, featuring a Next.js authentication UI and admin dashboard (WIP) styled with TailwindCSS and shadcn/ui.
Inspirations & Examples
Explore a light clone of Vercel's dashboard navigation, demonstrating Next.js Parallel Routes and server-side data fetching for dynamic user experiences.
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.
Platforms & Applications
A front-end navigation tool for collecting quality websites and creating shareable webpage cards, inspired by modern app development practices.
A feature-rich MDX starter template using Next.js 15, Tailwind CSS, and Shadcn/UI for modern, content-driven websites with an excellent developer experience.
Nyxb UI, an archived project, previously offered a rich set of over 150 open-source components using React, Typescript, Tailwind CSS, and Framer Motion.
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.
Inspirations & Examples
A demonstration project showcasing infinite scroll implementation using Next.js 13 server actions and the shadcn-ui component library.
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.
Inspirations & Examples
NextPix Gallery: A Next.js image gallery using Pexels API, Tailwind CSS, Shadcn UI, TypeScript, and Zod for elegant image display.
Limetta is a Next.js app for simplified expense tracking, multi-account management, money transfers, and dues tracking, built with a modern tech stack.
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.
A Next.js boilerplate for creating AI-driven website builders, featuring TailwindCSS, Shadcn UI, Magic UI, and Clerk authentication.
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.
Boilerplates & Starters
A comprehensive monorepo starter built with Turborepo, Next.js 14, Shadcn-ui, and Stripe integration for modern full-stack applications.
Boilerplates & Starters
A Turborepo boilerplate to efficiently start web development with Next.js frontends, an Express backend, and shared ShadcnUI components.
ShapeX UI offers reusable, customizable blocks built on shadcn/ui and Framer Motion for efficient, scalable web application development. Copy and paste ready.
FarmUI offers animation-rich UI components built on Radix and Shadcn, providing full source code flexibility for client-first development experiences.
Inspirations & Examples
A Next.js starter project demonstrating responsive testimonial carousels built with shadcn UI components, perfect for showcasing user feedback.
Components & Libraries
Credenza provides a ready-to-use, responsive modal component for shadcn/ui, adapting between dialog and drawer views for optimal cross-device user experience.
Platforms & Applications
A real-time weather application built using Next.js 14, TypeScript, and Shadcn UI, offering comprehensive weather data and an intuitive interface.
Lipi is a Notion.so inspired SAAS web application offering real-time collaboration and adaptable workspaces, powered by Next.js, shadcn/ui, and TailwindCSS.
Boilerplates & Starters
A Next.js 13 starter for AI SaaS apps, featuring Clerk auth, shadcn/ui, OpenAI/Replicate AI, Stripe payments, and Crisp support.
QuackDB provides a secure, browser-based SQL playground for DuckDB, supporting various file formats and using OPFS for persistent local storage.
