AI-native React Components

• performative-ui @ 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.

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.

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.

• Bearnie @ 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.

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.

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.

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.

• Starwind UI @ GitHub.

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

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.

• Kumo @ GitHub.

Related contents:

• Components Will Kill Pages @ bitsandbytes.dev.

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.

Professionally crafted React & Figma components for building beautiful products or starting your own design system.

• Reshaped @ 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.

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.

• Bonsplit @ GitHub.

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.

UI Components & Templates for Ruby on Rails. Stop fighting CSS and build beautiful Rails apps faster.

No more ugly Rails apps. Get professional-looking components and themes that work perfectly with Rails—no design skills required.

• Rails UI @ GitHub.

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.

• syntux @ 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.

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

• Perspective @ GitHub.

Rust GUI components for building fantastic cross-platform desktop application by using GPUI.

• GPUI Component @ GitHub.

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.

Free React and Next.js UI Component Library.

UI component library for React, Next.js, and other JSX frameworks. Built with Tailwind CSS, it makes creating beautiful, interactive and responsive interfaces fast and easy.

• Sera 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.

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.

• SVAR UI @ GitHub.

The definitive tree component for the Web.

Super-easy integration of complex tree components into React. Supports ordered and unordered drag-and-drop, extensive keybindings, search, renaming and more. Fully customizable and accessible. Headless Tree is the official successor for React Complex Tree.

• Headless Tree @ 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.

A higher order component to wrap react-markdown with support for MDX component elements.

Related contents:

• Unlocking Rich UI Component Rendering in AI Responses @ Tim Etler.

Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.

• ReUI @ GitHub.

Fast & Performant React Native List. No more blank cells Swap from FlatList in seconds. Get instant performance.

• FlashList @ GitHub.

Related contents:

• FlashList v2: A Ground-Up Rewrite for React Native's New Architecture @ Shopify Engineering Blog.

Add React UI components to your AI agent.

A React package for building AI-powered applications with generative UI, where users interact through natural language.

• tambo @ 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.

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.

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.

A custom registry of composable, accessible and open source shadcn/ui components.

• Kibo UI @ GitHub.

Expo React Native UI Components Library

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

• BNA UI @ GitHub.

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

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.

A declarative cross-platform React Native calendar component for iOS and Android.

A high-performance list component for React Native.

Legend List is a high performance virtualized ScrollView library for React Native. Compared to FlatList and FlashList it’s faster, simpler, and has useful features they don’t support.

• Legend List @ 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.

React components & templates for building rich text editor UIs with Tiptap.

Tiptap UI Components is a library of modular, MIT-licensed React components, templates, and primitives that help you build rich text editor UIs faster, on top of the headless Tiptap framework.

• Tiptap UI Components @ GitHub.

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.

• RubyUI @ 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:.

UI Components Library.

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

• SVAR Svelte Core @ GitHub.

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.

• Mitosis @ GitHub.

Related contents:

• 11 Open-Source Projects That are Legit Game-Changers @ Let's Code Future's Medium.

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

• Kibo UI @ GitHub.

This is a shadcn table with server-side sorting, filtering, and pagination. It is bootstrapped with create-t3-app.

• Shadcn Table @ 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.

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.

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.

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.

A TUI (terminal UI) kit for Elixir.

Ratatouille is a declarative terminal UI kit for Elixir for building rich text-based terminal applications similar to how you write HTML.

TUI components for Bubble Tea 🫧 .

Some components for Bubble Tea applications. These components are used in production in Glow, Charm and many other applications.

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.

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

• Fancy Components @ 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 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.

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.

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.

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.