Components & Libraries Tools

Access over 1200 meticulously crafted, theme-ready UI blocks. Built for Shadcn UI and Tailwind, these components help you build stunning pages in minutes. Over 150 Free blocks available!

A component for Next.js applications using Shadcn pagination to create navigation links, dynamically updating URL parameters like page and pageSize.

A collection of 30+ interactive, open-source Tailwind CSS components, blocks, and templates designed for Vue and Nuxt to build visually striking websites.

A Next.js based file uploader featuring shadcn/ui components and react-dropzone for intuitive drag-and-drop functionality and UploadThing for storage.

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.

A vast library of 700+ copy-paste UI blocks and components for Shadcn UI, Tailwind CSS, and React, accelerating web development.

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.

TWBlocks offers free, copy-paste React UI components built with shadcn, Radix UI, Tailwind CSS, and Next.js, supporting themes and dark/light modes.

A headless component library for Web3, powered by shadcn/ui, wagmi, and viem, enabling custom dApp interface development.

Tailark offers responsive, pre-built shadcn-UI and Tailwind CSS blocks, accelerating the development of modern marketing websites for developers.

A React color picker component built with shadcn/ui and react-colorful, offering a seamless and customizable color selection experience for developers.

Stepperize is a lightweight React library for building intuitive, type-safe multi-step experiences, offering minimal boilerplate and maximum developer control.

Feature-packed React table for Shadcn UI, supporting sticky elements, pagination, sorting, and dynamic data, ideal for large datasets.

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 virtualized shadcn/ui combobox component using TanStack Virtual for optimal performance with large datasets in React applications.

Nyxb UI, an archived project, previously offered a rich set of over 150 open-source components using React, Typescript, Tailwind CSS, and Framer Motion.

A dropzone component in the Shadcn style. Uses react-dropzone, Shadcn primitives, and focuses on accessibility for easy file uploads in React projects.

A collection of reusable UI components for diverse applications, drawing design inspiration from Vercel's design system and the popular shadcn ui.

A React component for creating customizable and accessible confirmation dialogs, easily integrated using a hook and provider, with Shadcn UI support.

Customizable Monthpicker and Monthrangepicker components for shadcn/ui, leveraging Radix UI and Tailwind CSS for flexible date selection.

Open-source Next.js project demonstrating animated Shadcn tab components for a smoother, visually appealing user experience with dynamic theming.

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.

Credenza provides a ready-to-use, responsive modal component for shadcn/ui, adapting between dialog and drawer views for optimal cross-device user experience.

shadcn/ui offers accessible, customizable React components. Copy-paste to build your unique component library using Radix UI and Tailwind CSS.

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.

Magic UI is a free, open-source library for design engineers, offering 150+ animated components built with React, Typescript, Tailwind CSS, and Motion.

hookcn offers a collection of reusable React hooks, inspired by shadcn/ui. Easily copy-paste or integrate them using the shadcn CLI for streamlined development.

A collection of adaptable Date and Time picker components built with ShadCN UI, showcasing varied functionalities for React projects, including form integration.

A curated collection of reusable React hooks, easily integrated into your projects using the shadcn CLI for streamlined development.

An unofficial Angular port of Radix UI, offering low-level, accessible, and customizable UI primitives for building high-quality design systems and web apps.

Ved UI provides highly adaptable form components using shadcn/ui, Zod for validation, and React Hook Form for state, enabling rapid development.

A React component for Shadcn UI, offering a customizable phone input with international validation and country selection.

A customizable React component for creating elegant, interactive multi-option switches. Features flexible styling, accessibility, and smooth transitions without framer-motion.