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.

• Canvas UI @ GitHub.

A modern rich text editor for Rails.

• Lexxy @ GitHub.

UI Components and Blocks Built with Tailwind CSS.

Discover a curated collection of over 100 handcrafted UI components made with Tailwind CSS, React, and shadcn/ui. Designed for seamless integration, these components combine aesthetic precision with developer-friendly flexibility to help you build beautiful, production-ready interfaces faster.

• Bundui @ GitHub.

A data visualization and analytics component, especially well-suited for large and/or streaming datasets.

• Perspective @ GitHub.

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.

• Origin UI @ GitHub.

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.

• Piece UI @ GitHub.

Related contents:

• #187 - Meta renoue avec les poids ouverts : l'IA s'installe chez vous, le fisc se fait pirater @ Quoi de neuf les devs? :fr:.

Material 3 is the latest version of Google’s open-source design system. Design and build beautiful, usable products with Material 3.

• Material Web @ GitHub.
• On compliance vs readability: Generating text colors with CSS @ Lea Verou.

Expo React Native UI Components Library

Beautiful, accessible Expo React Native components that work seamlessly across iOS and Android.

• BNA UI @ GitHub.

Accessible React components made for you to copy, customize, and own.

Justd is a chill set of React components, built on top of React Aria Components, all about keeping the web accessible. Easy to customize and just copy & paste into your React projects. Plus, it includes Tailwind CSS for sleek styling right out of the box.

• Justd @ GitHub.

Free, Fast, and Powerful SVAR React DataGrid

An open-source, high-performance data grid for modern React applications with virtual scrolling, advanced filtering, editing, tree data, and full TypeScript support.

• SVAR React DataGrid @ GitHub.

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.

• tablecn @ GitHub.

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.

• HeroUI @ GitHub.

Related contents:

• Rules for creating good-looking user interfaces, from a developer @ Weber Dominik.

Unstyled, fully accessible UI components.

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

• Headless UI @ GitHub.

Vue UI Component Library. The Next-Gen UI Suite for Vue.js

Enhance your web applications with PrimeVue's comprehensive suite of customizable, feature-rich UI components. With PrimeVue, turning your development vision into reality has never been easier.

• PrimeVue @ GitHub.
• 090 - Les news web dev pour juillet 2024 @ Double Slash.

Ultra-lightweight, semantic, zero-dependency HTML UI component library.

Oat is an ultra-lightweight HTML + CSS, semantic UI component library with zero dependencies. No framework, build, or dev complexity. Just include the tiny CSS and JS files and you are good to go building decent looking web applications with most commonly needed components and elements.

• Oat @ GitHub.

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.

• LiftKit @ GitHub.

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.

• Tailus UI React @ GitHub.

Animated UI Components For React.

An open source collection of animated, interactive & fully customizable React components for building stunning, memorable user interfaces.

• React Bits @ GitHub.

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.

• Pines UI Library @ GitHub.

Related contents:

• Symfony + PinesUI : Un combo ultra-léger pour tes interfaces 🎨 @ YoanDev :fr:.

React Calendar Component with Tailwind CSS & shadcn/ui

The ultimate full calendar alternative built with TypeScript, Tailwind CSS, and shadcn/ui. A headless React calendar component with drag-and-drop, resource scheduling, and complete customization for Next.js, Astro, and React applications.

• ilamy Calendar @ GitHub.

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.

• 21st.dev @ GitHub.

Theme Editor & Generator. A visual no-code theme editor for shadcn/ui components.

tweakcn is a powerful Visual Theme Editor for tailwind CSS & shadcn/ui components. It comes with Beautiful theme presets to get started, while aiming to offer advanced customisation for each aspect of your UI

• tweakcn @ GitHub.

An adaptive design system for extending Tailwind. A complete design system and component solution, built on Tailwind.

Skeleton is an open source UI toolkit built with Svelte + Tailwind that allows you to create reactive web interfaces using Svelte + Tailwind CSS.

Skeleton integrates with Tailwind to provide an opinionated solutions for themes, colors, typography and more. Including easy to use components for your favorite web frameworks

• Skeleton @ GitHub.

The headless components for Svelte.

Bits UI is a collection of headless component primitives that enable you to build your own custom components. They have been thoughtfully designed to prioritize simplicity without compromising customizability.

• Bits UI @ GitHub.
• Headless, boneless, skinless & lifeless UI @ nerdy.dev.

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

Kuma UI @ GitHub.

Build in-app AI chatbots in days, not weeks.

assistant-ui is a chatbot UI for your React app

• assistant-ui @ GitHub.

Related contents:

• I Want Everything Local — Building My Offline AI Workspace @ InstaVM.

The design platform for shader magic. WebGPU components for React, Vue, Svelte, Solid, JS & Framer. Open-source WebGPU shader components & free design editor.

Join 16,000+ design engineers crafting shaders for the web with our open-source components and design editor.

• Shaders @ GitHub.

Related contents:

• #142: News octobre 2026, Cloudflare Birthday Week, Shaders open source et pencils down @ Double Slash :fr:.

SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics. Its modular, easy-to-use components emphasize precise monospace character spacing and line heights, enabling you to quickly copy and paste implementations while maintaining a clean, efficient codebase.

• SRCL @ GitHub.

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.

• Ark UI @ GitHub.
• Headless, boneless, skinless & lifeless UI @ nerdy.dev.

Kibo UI is a custom registry of composable, accessible and open source components designed for use with shadcn/ui.

• Kibo UI @ GitHub.

🖼️ A superfast in-memory Image type and view component for React Native, built with Nitro!

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.

• ElevenLabs UI @ GitHub.

Unstyled React components and low-level hooks.

Base UI is an open-source library of accessible, unstyled UI components for React. Base UI is an unstyled React UI component library for building accessible user interfaces while maintaining complete control over styling.

• Base UI @ GitHub.
• Headless, boneless, skinless & lifeless UI @ nerdy.dev.

A lightweight and elegant React/Vue/Angular/Svelte full calendar(big-calendar) component.

DayFlow provides production-ready calendar views, drag-and-drop, and a modular architecture so you can focus on your product, not date math.

• DayFlow @ GitHub.

A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.

Downshift @ GitHub.

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.

• Trees @ GitHub.

Core building blocks for AI apps. High-quality, accessible, and customizable components for AI interfaces.

Build chat experiences, AI agents, autonomous assistants, and more, quickly and beautifully.

• prompt-kit @ GitHub.

Laravel Blade UI Components for Livewire 3.

Gorgeous Laravel Blade UI Components made for Livewire 3 and styled around daisyUI + Tailwind.

• maryUI @ GitHub.

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

• TailAdmin @ GitHub.

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.

Radix UI @ GitHub.

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!

• Deep Chat @ GitHub.

Open-source UI components for React.

Build faster with Wedges. An open-source collection of UI components for React.

Beautiful UI components for React, lovingly crafted with the Wedges Design System, Radix UI, and Tailwind CSS.

• 085 - News Mai 2024 @ Double Slash Podcast :fr:.

Native Navigation primitives for your React Native app.

This project aims to expose native navigation container components to React Native. It is not designed to be used as a standalone library but rather as a dependency of a full-featured navigation library.

• React Native Screens @ GitHub.

Related contents:

• Introducing React Native Screens 4.0.0 @ Software Mansion's Medium.

Beautiful map components. 100% Free, Zero config, one command setup.

Ready to use, customizable map components for React. Built on MapLibre. Styled with Tailwind.

• mapcn @ GitHub.

Base UI is an open-source library of accessible, unstyled UI components for React.

Unstyled UI components for building accessible web apps and design systems.

From the creators of Radix, Floating UI, and Material UI.

• Base UI @ GitHub.

Related contents:

• Ep 103: Les news web dev pour décembre 2024 - RC 1.0 @ Double Slash :fr:.

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.

• Person @ GitHub.

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.

• MVPBlocks @ GitHub.

UI Components Library.

SVAR Core library is a collection of essential UI components written with Svelte.

• SVAR Svelte Core @ GitHub.

A curated list of awesome things related to shadcn/ui.

• awesome shadcn/ui @ GitHub.

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.

• Flowbite @ GitHub.

UI transitions for AI agents.

Collection of the most essential UI transitions for web apps. Copy and paste them, or use them with your coding agent via the skill.

• Transitions.dev @ GitHub.

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. 🥾

• Shoelace @ GitHub.

melt away complexity. An open-source Svelte library for building high-quality, accessible design systems and web apps.

• Melt UI @ GitHub.

A fully featured React components library.

Build fully functional accessible web applications faster than ever – Mantine includes more than 120 customizable components and 70 hooks to cover you in any situation.

• Mantine @ GitHub.

Interactive UI Components for MCP SDK for UI over MCP. Create next-gen UI experiences!

Build rich, dynamic user interfaces for your MCP applications with SDKs that bring UI to AI interactions.

• MCP-UI @ GitHub.

Related contents:

• MCP Apps And Interactive UIs In MCP Clients @ Den Delimarsky.
• MCP Apps: Extending servers with interactive user interfaces @ Model Context Protocol Blog.

A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.

• Fancy Components @ GitHub.

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.

• Puck @ GitHub.

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.

• React Query Builder @ GitHub.

Looking for inspiration? Browse our curated collection of HTML UI components ready to drop into your next project.

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.