web-component
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.
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!
Extensible Code Editor
CodeMirror is a code editor component for the web. It can be used in websites to implement a text input field with support for many editing features, and has a rich programming interface to allow further extension.
Related contents:
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.
the fastest React data grid built on modern web technologies. Designed for enterprise-scale performance, LyteNyte Grid offers unrivaled speed, memory efficiency, and a comprehensive feature set in a small bundle size.
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.
A higher order component to wrap react-markdown with support for MDX component elements.
Related contents:
The Markdown Editor That's a Textarea.
A lightweight markdown editor library with perfect WYSIWYG alignment using an invisible textarea overlay technique. Includes optional toolbar. ~45KB minified with all features.
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 custom registry of composable, accessible and open source shadcn/ui components.
Our Frontend Toolkit, Free and Open Source.
A collection of ready-to-use plugins and composables for building modern web applications. Unstyled, fully typed and with a flexible, yet opinionated API.
Search input query parser and React component.
A powerful search query language parser with SQL output support, inspired by Elasticsearch and Tantivy query syntax.
An open source, free (as in beer), versatile, flexible and lightweight Javascript Font Picker Component for System fonts, Google fonts and custom (woff/ttf) fonts. Features dynamic font loading, favourites, keyboard navigation, fuzzy search, advanced metrics filters, property sorting and much more. Available in multiple languages.
AMP is a web component framework to easily create user-first experiences for the web.
Related contents:
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
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 React component for editing or viewing JSON/object data
UI Components Library.
SVAR Core library is a collection of essential UI components written with Svelte.
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:
Kibo UI is a custom registry of composable, accessible and open source components designed for use with shadcn/ui.
This is a shadcn table with server-side sorting, filtering, and pagination. It is bootstrapped with create-t3-app.
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.
A carefully curated collection of high-quality React component libraries and design systems. Each library has been selected for its unique features, documentation quality, and community support.
A fast, composable, unstyled emoji picker made with Tailwind & React.
Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications.
The Fluent UI Blazor library provides a robust and extensive set of Blazor components. Some of those components are wrappers around Microsoft's official Fluent UI Web Components. Others are components that leverage the Fluent Design System or just make it easier to work with Fluent in general.
Related contents:
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.
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
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.
Related contents:
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.
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.
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.
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.
Front-end framework for a versatile and native web components management.
piecesjs is a simple and lightweight front-end framework that aims to make native web components accessible, with several utilities and tools for website and app development. Like modern frameworks, it dynamically imports the JS and CSS that the page needs, for better optimization. Without being limited to a big headless infrastructure.
Vue Port of Radix UI. Unstyled, accessible components for building high‑quality design systems and web apps in Vue.
An open-source UI component library for building high-quality, accessible design systems and web apps.
React components for dashboards. Toolpad: Full stack components and low-code builder for dashboards and internal apps.
From the creators of Material UI, Toolpad Core offers the components needed for your next admin panel and internal tools project. Bootstrap from scratch in our CLI with well chosen defaults, or drop Toolpad Core into your existing Next.js or Vite* project.
Toolpad Core is a set of high level React components that abstract common concepts such as layout navigation and routing. It aims at helping you build and maintain dashboards and internal tooling faster. It's built on top of Material UI.
World's most performant DOM-based table. A multithreaded web table, capable of running 120fps while sorting/filtering/scrolling simultaneously.
Transition and format numbers.
A React component to transition, localize, and format numbers. Dependency-free. Accessible. Customizable.
Markdown for the component era.
MDX lets you use JSX in your markdown content. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast.
MDX is an authorable format that lets you seamlessly write JSX in your markdown documents. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast. 🚀
Collection of useful tools and generators for Tailwind to create, design and customize all kind of web components using a graphical editor.
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.
Use TOAST UI to Make Your Web Delicious!
JavaScript UI library and free open source project constantly managed by NHN Cloud.
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.
🎉 Web component JS frameworks overview by their syntax and features.
Many JS developers don't have a good overview of every existing JS framework with their own syntax and features. How do we solve this ? Developers love having framework overview by examples. It's a quick introduction before going deeper.
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.
Build unique web UIs. Easy to customize UI ressources built on top of modern frontend tools to make your ideas stand out.
Tailwindcss highly customizable components for building modern websites and applications, with your personnal spark.
Pick the right UI Library for your Vue 3 or Nuxt 3 Project.
Track your components
Luro is a no-code solution to track component usage, adoption, and success across your entire product.
💡 Lite DOM and Native Component Library for Vanilla Javascript
Tram-Lite is a lite javascript and HTML library that helps developers build native web-components, and makes building simple native web-applications easier and more elegant!
List of companies using Web Components.
Tailwind CSS Components. The most popular component library component library for Tailwind CSS.
daisyUI adds component class names to Tailwind CSS so you can make beautiful websites faster than ever.
Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.
Fully styled and customizable components for Nuxt.
Lit is a simple library for building fast, lightweight web components.
At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast and expressive.
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅🏾