A step-by-step starter for integrating Next.js, Payload CMS (beta), and Shadcn UI, enabling swift modern web application development.
Components & Libraries
A component for Next.js applications using Shadcn pagination to create navigation links, dynamically updating URL parameters like page and pageSize.
Shadcn/ui Crash Course: Build an E-commerce Landing Page with Next.js.
49
16
Inspirations & Examples
Project code for the Shadcn/ui crash course, building an e-commerce landing page using Next.js, Radix UI, and Tailwind CSS.
Platforms & Applications
EduNotify is a web application for educational institutions to manage notices with role-based access, using Permit.io, Clerk, Next.js, and Tailwind CSS.
Components & Libraries
A collection of 30+ interactive, open-source Tailwind CSS components, blocks, and templates designed for Vue and Nuxt to build visually striking websites.
Platforms & Applications
A Next.js 14 personal dashboard with tools for file storage, URL extraction, notes, finances, kanban, and various developer utilities, built with TypeScript, Turso, and Drizzle.
Components & Libraries
A Next.js based file uploader featuring shadcn/ui components and react-dropzone for intuitive drag-and-drop functionality and UploadThing for storage.
Components & Libraries
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.
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.
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.
A robust link shortener on Cloudflare, offering URL compression, detailed analytics, custom & AI slugs, plus link expiration for developers.
A headless component library for Web3, powered by shadcn/ui, wagmi, and viem, enabling custom dApp interface development.
Boilerplates & Starters
A shadcn/ui boilerplate packed with tools like React, Tailwind, Vite, and Storybook for swift modern web application development.
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.
Boilerplates & Starters
Open-source Next.js 14 starter templates for full-stack and SAAS. Includes Tailwind CSS, ShadCn/ui, Next-Auth, and various database configurations.
Boilerplates & Starters
A T3 Stack starter kit featuring Bun, Biome, Next.js 15, Tailwind CSS 4, Drizzle, tRPC, Shadcn-UI, and NextAuth for modern full-stack development.
Platforms & Applications
An AI-driven application for translating text, images, and PDF documents, utilizing Next.js, Tailwind CSS, shadcn/ui, and OpenAI.
Components & Libraries
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.
Components & Libraries
Stepperize is a lightweight React library for building intuitive, type-safe multi-step experiences, offering minimal boilerplate and maximum developer control.
Components & Libraries
Feature-packed React table for Shadcn UI, supporting sticky elements, pagination, sorting, and dynamic data, ideal for large datasets.
Boilerplates & Starters
A minimal project template for React and TypeScript, powered by Vite, with ESLint, and ready for Tailwind CSS & Shadcn/ui integration.
Inspirations & Examples
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.
Components & Libraries
Echo Editor is a modern AI-powered WYSIWYG rich-text editor for Vue, leveraging tiptap for core functionality and shadcn-vue for its UI.
