Building Blocks.
Beautifully designed. Copy and paste into your apps. Open Source.
Magic UI
Beautiful UI components and templates to make your landing page look stunning.
Onborda
A modern product tour library for Next.js powered by Framer Motion
vantezzen/auto-form
🌟 A React component that automatically creates a @shadcn/ui form based on a zod schema.
Credenza
Ready-made responsive modal component for shadcn/ui.
Shadcn Cal
A copy of the monthly calendar used by Cal.com with Shadcn UI, Radix Colors and React Aria
Shadcn Chat
Chat/message components for Shadcn
Stepperize
Make beautiful Steppers without much effort
TimePicker
A time picker component for your shadcn ui app
Zoomable Shadcn Chart
A simple zoomable shadcn chart
Indie UI
Make your website stand out with minimal effort
Lukacho UI
Animated UI component Collection made with Next.js
Nyxb UI
Beautiful UI components and templates to make your landing page look stunning.
cult/ui
Components components that you can copy and paste into react apps. Customizable. Open Source. Typed.
assistant-ui
Build in-app AI chatbots in days, not weeks.
UretzkyZvi/capture-photo
Capture-Photo is a versatile, browser-based React component designed to streamline the integration of camera functionalities directly into your web applications. This component allows users to interactively capture photos using their device's camera without the need for any external software.
Jayprecode/country-state-dropdown
This Component is built with Nextjs, Tailwindcss, Shadcn-ui & Zustand for state management
React + dnd-kit + tailwind + shadcn/ui
Drag and Drop Kanban Board
Shadcn Calendar Heatmap
Accessible. Unstyled. Customizable. Open Source. Build your own calendar heatmap effortlessly.
shadcn Calendar Picker Component
A calendar picker component designed with shadcn/ui
Shadcn/ui blocks
Discover over 10+ fully responsive UI blocks ready to enhance your Shadcn UI projects. Each block is meticulously designed for seamless integration, offering a diverse range of elements to elevate your user interface.
Next JS Components created by Bridger Tower
Collection of Typescript React components for Next JS built using Tailwind and shadcn/ui. Created by Bridger Tower.
Plate
The rich-text editor framework for React.
shadcn Multi select component
A multi select component designed with shadcn/ui
Shadcn Phone Input
Display content divided into a steps sequence
Shadcn Address Autocomplete
An address autocomplete component using Google Places API and shadcn components.
Shadcn Linear
Copy of the Linear Priority component
Shadcn Phone Input
A phone input component implementation of Shadcn's input component
shadcn/ui sidebar
A stunning and functional retractable sidebar for Next.js built on top of shadcn/ui complete with desktop and mobile responsiveness.
Sortable
Sortable built with shadcn/ui, radix ui, and dnd-kit
aryanvichare/stocks
📈 Stock Picker using Next.js, React Server Components, Tailwind CSS, and shadcn/ui components and charts
Date Range Picker for shadcn
Advanced Date Selection Component built for shadcn with multi-month views, text entry, preset ranges, and date comparisons. Ideal for applications like dashboards, analytics reports or booking systems.
Echo Editor Examples
Echo Editor
Edil Ozi
Open Source components for React.js that you can seamlessly integrate into your projects
JaleelB/emblor
A fully-featured tag input component built with shadcn/ui
enhanced-button
An enhanced version of the shadcn-button component
Uploader
File uploader built with shadcn-ui, and react-dropzone
File Vault
The only file upload you need
bg.ibelick
Ready-to-use, simply copy and paste into your next project. All snippets crafted with Tailwind CSS and Vanilla CSS for easy integration.
Aslam97/shadcn-minimal-tiptap
Minimal Tiptap Editor. Contribute to Aslam97/shadcn-minimal-tiptap development by creating an account on GitHub.
Neobrutalism components
A collection of neobrutalism-styled Tailwind components for React and Shadcn UI.
sujjeee/nextjs-dnd
Sortable Drag and Drop with Next.js, Shadcn UI, and DnD-Kit.
Shadcn Link Pagination
Use shadcn pagination components to navigate between pages. Changes the URL by navigating with Nextjs Link components.
UretzkyZvi/planner
Planner Component: A React component for dynamic appointment management. Features drag-and-drop, date range selections, and integrates with shadcn/ui. Perfect for developers enhancing apps with efficient scheduling capabilities.