ui-component
React UI Kit for Custom Web UIs. Highly customizable components for crafting modern, personalized websites and applications.
Collection of highly customizable and accessible React components. Built on top of Tailwind CSS, Radix UI, and themed with Tailus Themer, Tailus UI React is your one-stop shop for building beautiful and functional web user interfaces.
Native macOS Tab Bar with Split Panes for SwiftUI.
Bonsplit is a custom tab bar and layout split library for macOS apps. Enjoy out of the box 120fps animations, drag-and-drop reordering, SwiftUI support & keyboard navigation.
Components from design to production.The UI Framework for Perfectionists by Chainlift.io.
LiftKit is a UI framework based on the golden ratio. At its core, it's a set of formulas and variables that unlock advanced visual design features like optical spacing corrections and dynamic color, powered by Material 3.
Write components once, run everywhere.
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more. Mitosis provides a unified development experience across all frameworks, enabling you to build components in a single codebase and compile them to React, Vue, Angular, Svelte, Solid, Alpine, Qwik, and more.
Related contents:
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
Modern React Component Library.
Build beautifulpiece by piece.
A dark-mode React component library. 19 production-ready components built with TypeScript, Tailwind CSS, and Framer Motion.
Related contents:
The agentic visual editor for React.
Create a page builder for your own components. Now with AI superpowers.
Puck is a modular, open-source visual editor for React.js. You can use Puck to build custom drag-and-drop experiences with your own application and React components.
Because Puck is just a React component, it plays well with all React.js environments, including Next.js. You own your data and there’s no vendor lock-in.
Looking for inspiration? Browse our curated collection of HTML UI components ready to drop into your next project.
A forward-thinking library of web components.
A collection of professionally designed, every day UI components built on Web standards. Works with all framework as well as regular HTML/CSS/JS. 🥾
Create animated animated websites in record time with Starwind UI
Animated, customizable, and accessible components for Astro - built purely with Astro and vanilla JS. Inspired by shadcn/ui with seamless CLI installation.
1,900+ Free Tailwind CSS Examples. Community-built Tailwind CSS Components Library.
Let's not stress about website designs. Create Stunning UIs Effortlessly, with Over 1900+ Ready to Use Components.
The NPM for Design Engineers. curated collection of best shadcn ui style react tailwind components, blocks and hooks.
Ship polished UIs faster with React Tailwind components inspired by shadcn/ui. Built by design engineers, for design engineers. One command to install.
21st.dev is an open source community registry of React UI components where anyone can publish minimal Tailwind & Radix UI components and install any component via npx shadcn.
Beautiful, fast and modern React UI Library.
Make beautiful websites regardless of your design experience. Beautiful, fast and modern React UI library for building accessible and customizable web applications.
Related contents:
Kibo UI is a custom registry of composable, accessible and open source components designed for use with shadcn/ui.
Open source UI kit for modern document apps.
React components for PDF, DOCX, XLSX, and CSV viewers, with bounding box citations, file upload, e-signing, and more.
Ready to drop into user-facing flows, agents, or internal tools.
Prebuilt UI blocks to ship beautiful MVPs fast.
Copy-paste beautiful, responsive components without worrying about styling or animations. Build faster, launch sooner.
MVPBlocks is an open-source component library for developers to copy, customize, and launch MVPs lightning-fast—no installations, just pure productivity.
A declarative cross-platform React Native calendar component for iOS and Android.
This is a shadcn table with server-side sorting, filtering, and pagination. It is bootstrapped with create-t3-app.
HTML components in pure Go.
gomponents are HTML components in pure Go. They render to HTML 5, and make it easy for you to build reusable components. So you can focus on building your app instead of learning yet another templating language.
A collection of tiny, reusable, UI components — wrapped in a helpful app layout with header, side bar, dark mode, and more.
TinyWidgets uses React for DOM manipulation, Vanilla-Extract at build-time for styling, Lucide for icons, and TinyBase for state management. Its philosophy is all about simplicity, decent defaults, a streamlined DOM, and concise styling.
A data visualization and analytics component, especially well-suited for large and/or streaming datasets.
Unstyled highly composable components that you can copy/paste in your own codebase. Built with Tailwind CSS and a bit of Framer Motion. Customize them as you want.
Creative components, in a new dimension. Creative Canvas and WebGL Component Library.
An open source library of tasteful html-in-canvas & WebGL components. Framework agnostic. Copy, paste, ship.
A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue, Svelte, vanilla.
Free Tailwind CSS Admin Dashboard Template.
Free and Open-source Tailwind CSS Dashboard Admin Template that comes with all essential dashboard UI components, pages and elements
Rust GUI components for building fantastic cross-platform desktop application by using GPUI.
Build websites even faster with components on top of Tailwind CSS
Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.
Animated UI Components for Svelte. Svelte components for creative developers.
Highly customizable animated components & backgrounds that drop into your project and instantly make it stand out
A file tree rendering library
@pierre/trees is an open source file tree rendering library. It's built for performance and flexibility, is super customizable, and comes packed with features.
Simple UI examples from my social media.
This is repository with examples of simple UI components. The repository is based on Next.js and React.js.
Components for React, Svelte and Vue.
Integrate fully functional UI widgets for data management, project planning, or file organization in minutes. Get started with the framework of your choice: React, Svelte or Vue.
Fully customizable AI chatbot component for your website.
Deep Chat is a fully customizable AI chat component that can be injected into your website with just one line of code. Whether you want to create a chatbot that leverages popular APIs such as ChatGPT or connect to your own custom service, this component can do it all!
Fast & Performant React Native List. No more blank cells Swap from FlatList in seconds. Get instant performance.
Related contents:
Shadcn table with server-side sorting, filtering, and pagination.
This is a shadcn table component with server-side sorting, filtering, and pagination. It is bootstrapped with create-t3-app.
Material 3 is the latest version of Google’s open-source design system. Design and build beautiful, usable products with Material 3.
Unstyled, accessible components for building high‑quality design systems and web apps in React.
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
melt away complexity. An open-source Svelte library for building high-quality, accessible design systems and web apps.
Animated UI Components For React.
An open source collection of animated, interactive & fully customizable React components for building stunning, memorable user interfaces.
Beautiful map components. 100% Free, Zero config, one command setup.
Ready to use, customizable map components for React. Built on MapLibre. Styled with Tailwind.
A curated list of awesome things related to shadcn/ui.
build generative UIs for the web. Consistent, cacheable generative UIs for the web.
syntux is the generative UI library for the web. It lets you build generative UIs that are consistent and flexible.
Ultra Fast, Zero Runtime, Headless UI Components. Empower Your Web with Ultimate Performance and Flexibility
With Kuma UI's headless, zero-runtime UI components, build top-performing websites effortlessly, while enjoying the best developer experience. Say hello to the future of CSS-in-JS
Professionally crafted React & Figma components for building beautiful products or starting your own design system.
Build in-app AI chatbots in days, not weeks.
assistant-ui is a chatbot UI for your React app
Related contents:
Components crafted for Design Engineers. Ready-to-use components for your React apps. Shadcn compatible. Styled with tailwindcss. Copy and paste. Open Source. Typed.
Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. Use this to build your own component library.
A collection of modern, interactive, customizable UI components built. Quick and easy to use.
Access a collection of free-to-use, standalone components with KokonutUI. Each component is designed with Tailwind CSS, and optional library such has shadcn and Framer Motion.
The VanillaJS Agent UI Library. Create agentic front-end experiences for the web in VanillaJS™️. Lightweight, extensible, and WebMCP-native.
Persona helps you create agentic front-end experiences for the web, in pure JS. Lightweight, extensible, and WebMCP-native.
The Query Builder Component for React.
React Query Builder is a fully customizable query builder component for React, along with a collection of utility functions for importing from, and exporting to, various query languages like SQL, MongoDB, and more.
Ark UI is a headless UI library with over 45+ components designed to build scalable Design Systems that works for a wide range of JS frameworks.
Cloudflare's component library for building modern web applications.
Kumo provides accessible, design-system-compliant UI components built on Base UI. It handles keyboard navigation, focus management, and ARIA attributes so you can build accessible applications without thinking through every detail.
Related contents:
Beautiful UI components built with Tailwind CSS and Next.js.
Origin UI is an extensive collection of copy-and-paste components for quickly building app UIs. It's free, open-source, and ready to drop into your projects.
A higher order component to wrap react-markdown with support for MDX component elements.
Related contents:
Build beautiful animated components. A collection of open-source, customizable motion components built on top of Framer Motion.
Beautifully designed motions components. Easy copy-paste. Customizable. Open Source. Built for engineers and designers.
A custom registry of composable, accessible and open source shadcn/ui components.
A collection of Open Source agent and audio components that you can customize and extend.
ElevenLabs UI is a component library and custom registry built on top of shadcn/ui to help you build multimodal agents faster.
Component Library. Ruby gem for RubyUI Components.
A UI component library, crafted precisely for Ruby devs who want to stay organised and build modern apps, fast. Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
An Alpine & Tailwind UI Library.
Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects.
Related contents:
A cascading dropdown menu component for selecting hierarchical data like locations, categories, or organizational structures.
Build your own component library.
Accessible components for Astro and Tailwind CSS. Components are added to your project with the CLI. You own and control the code.