web-component
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:
This is a shadcn table with server-side sorting, filtering, and pagination. It is bootstrapped with create-t3-app.
This web component creates a mostly accessible pagination element.
Pick the right UI Library for your Vue 3 or Nuxt 3 Project.
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.
Free Modern React Templates & Components for building landing pages and UIs
Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.
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.
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.
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.
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.
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:
Refined & Responsive Scroll Area. The Adaptive Scroll Area for Modern UIs
A responsive scroll area that feels native on touch devices, offering custom styling and enhanced interactions where it matters most.
Fully styled and customizable components for Nuxt.
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.
The AI Operator Living in Your Web Page. JavaScript in-page GUI agent. Control web interfaces with natural language.
🪄One line of code, turns your website into an AI-native app. Users give natural language commands, AI handles the rest.
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.
Related contents:
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:
AMP is a web component framework to easily create user-first experiences for the web.
Related contents:
A React component for editing or viewing JSON/object data
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.
Polymer is a lightweight library that helps you take full advantage of Web Components.
With Web Components, you can create reusable custom elements that interoperate seamlessly with the browser’s built-in elements, or break your app up into right-sized components, making your code cleaner and less expensive to maintain.
Polymer sprinkles a bit of sugar over the standard Web Components APIs, making it easier for you to get great results.
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.
Modern UI component library for Tailwind CSS. Build your website quickly with Sailboat UI. Sailboat UI is a modern UI component library for Tailwind CSS. Get started with 150+ open source Tailwind CSS components, make it easy to build your products.
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.
Kibo UI is a custom registry of composable, accessible and open source components designed for use with shadcn/ui.
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅🏾
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.
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.
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.
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.
AI Elements Vue is a component library built on top of shadcn-vue to help you build AI-native applications faster.
Related contents:
A higher order component to wrap react-markdown with support for MDX component elements.
Related contents:
Collection of useful tools and generators for Tailwind to create, design and customize all kind of web components using a graphical editor.
Build your retro component library
A set of 8-bit styled components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
UI Components Library.
SVAR Core library is a collection of essential UI components written with Svelte.
It's okay to be a little jelly. Soft Web Components
Jelly UI is a dependency-free Web Components library for soft, tactile product interfaces. Real form controls meet soft-body physics, with dark mode, right-to-left support and WCAG AA color tokens built in.
A lightweight date picker built with web components that can be used anywhere.
UI components for AI Agents.
React UI components for AI agent conversations, plus a CLI. Beautifully crafted, copy-paste blocks for everything an agent shows mid-conversation: thinking states, tool calls, streaming text, tables and more.
Related contents:
A fast, composable, unstyled emoji picker made with Tailwind & React.
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. 🚀
A dynamic windowed scrolling table component for react.
HighTable is a virtualized table component for React, designed to efficiently display large datasets in the browser. It loads and renders only the rows necessary for the current viewport, enabling smooth scrolling and performance even with millions of rows. HighTable supports asynchronous data fetching, dynamic loading, and optional column sorting.
Related contents:
Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.
Professionally crafted React & Figma components for building beautiful products or starting your own design system.
Beautifully designed components built with Radix UI and Tailwind CSS. Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.
Related contents:
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.
React UI Component Library.
PrimeReact is a rich set of open source UI Components for React.
World's most performant DOM-based table. A multithreaded web table, capable of running 120fps while sorting/filtering/scrolling simultaneously.
Component toolkit for creating live-running code editing experiences.
Sandpack is a component toolkit for creating your own live running code editing experience powered by CodeSandbox.
A versatile set of beautifully styled components for you to use in your next Phoenix project.
Petal is a set of HEEX components that makes it easy for Phoenix developers to build beautiful web apps. Think Bootstrap or MUI, but written in HEEX using Tailwind CSS classes.
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
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 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: