Welcome to the Ultimate shadcn-ui List! This repository compiles various resources, tools, and libraries for shadcn-ui, making it easier for developers to find the right tools for their shadcn-ui needs.
- shadcn-ui Documentation - Official shadcn-ui documentation.
- Mastering Shadcn UI Components - Comprehensive guide on mastering shadcn-ui components. :contentReference[oaicite:0]{index=0}
- Complete Step by Step Tutorial on shadcn UI - A detailed tutorial for beginners to get started with shadcn UI. :contentReference[oaicite:1]{index=1}
- Exploring the ShadCN UI Library: A Comprehensive Guide - An in-depth exploration of the ShadCN UI library and its features. :contentReference[oaicite:2]{index=2}
- Shadcn UI Adoption Guide: Overview, Examples, and Alternatives - Insights into adopting shadcn UI in your projects, with examples and alternatives. :contentReference[oaicite:3]{index=3}
- How to Use Shadcn UI with a React Project - A guide on integrating shadcn UI into React projects. :contentReference[oaicite:4]{index=4}
- shadcn-ui Starter Template - A starter template for projects using shadcn-ui.
- Next.js with shadcn-ui - Example of integrating shadcn-ui with Next.js.
- shadcn-ui Taxonomy - An open-source application built using the new router, server components, and everything new in Next.js 13 (Starter).
- Turborepo Shadcn/UI & Tailwind CSS - Turborepo starter with Shadcn/UI & Tailwind CSS pre-configured for shared UI components.
- Next.js MDX Blog - Starter template built with Contentlayer, MDX, shadcn-ui, and Tailwind CSS.
- ChadNext - Quick Starter Template for your Next project includes Next.js 14 App router, Shadcn UI, LuciaAuth, Prisma, Server Actions, Stripe, Internationalization, and more.
- Translate App - Translate App using TypeScript, Tailwind CSS, NextJS, Bun, shadcn/ui, AI-SDK/OpenAI, Zod, Vercel KV, Vercel Analytics, Upstash Rate Limit, Day.js, Pdf2Json.
- PasteCode.app - Pastebin alternative built with TypeScript, Next.js, Drizzle, Shadcn, RSC.
- FormBuilder - UI-based codegen tool to easily create beautiful and type-safe @shadcn/ui forms.
- Echo Editor - A modern WYSIWYG rich-text editor based on tiptap and shadcn-ui.
- Assistant UI - A set of React components for AI chat, with integrations like Langchain, Vercel AI SDK, TailwindCSS, shadcn-ui, react-markdown, react-syntax-highlighter, React Hook Form, and more!
- Auto Form - A React component that automatically creates a @shadcn/ui form based on a zod schema.
- Remix Shadcn - Remix + Vite + shadcn/ui starter template.
- Shadcn UI NextJS Boilerplate - Shadcn UI NextJS Boilerplate ⚡️ Free Open-source ChatGPT UI Dashboard Template - Horizon AI Boilerplate.
- Astro Shadcn UI Template - This template helps you build apps with Astro, Tailwind CSS, and shadcn/ui.
- Next Shadcn Dashboard Starter - Admin Dashboard Starter with Next.js 14 and shadcn UI.
- TW Blocks - Website blocks to copy/paste - based on shadcn & Radix using Tailwind and Next.js.
- Next.js Shadcn v0 Template - Next.js 13 + Tailwind CSS + Shadcn + v0 AI Starter.
- Shadcn UI Next Template - A Next.js 13 template for building apps with Radix UI and Tailwind CSS.
- raycast-shadcn - Raycast extension to browse shadcn/ui documentation, components, and examples. :contentReference[oaicite:5]{index=5}
- shadcn/ui Components Manager - A plugin for JetBrains products to manage your shadcn/ui components across various frameworks. :contentReference[oaicite:6]{index=6}
- vscode-shadcn-ui-snippets - A collection of VS Code snippets for faster development with shadcn-ui.
- shadcn/ui with Radix UI: Pre-built, accessible UI components based on Radix UI and TailwindCSS.
- UIblocks - Ready-to-use UI components with support for shadcn/ui and TailwindCSS.
- shadcn/ui Tailwind Kit - Curated Tailwind components that work seamlessly with shadcn UI.
- Introduction to shadcn/ui - A beginner-friendly walkthrough of using shadcn/ui in projects.
- Building Stunning UIs with shadcn - A deep dive into building complex UI components with shadcn and TailwindCSS.
- Top 10 Tips for shadcn-ui - Best practices and tips for using shadcn/ui effectively.
Feel free to contribute to this list by submitting a pull request or opening an issue!
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature). - Commit your changes (
git commit -am 'Add some feature'). - Push to the branch (
git push origin feature/your-feature). - Create a new Pull Request.
We appreciate your contributions to making this the ultimate resource for shadcn-ui!
This project is licensed under the MIT License. See the LICENSE file for details.
Thank you for using the Ultimate shadcn-ui List! Happy coding!