web-component
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.
Related contents:
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.
Related contents:
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 💅🏾
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 set of 161 elements & layouts made with Tailwind CSS and Alpine.js.
Skillfully designed with an eye for aesthetics, offering an excellent starting point for your upcoming project.
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 lightweight date picker built with web components that can be used anywhere.
An open source Design System and lightweight UI Component Library.
Compatible with all major frameworks, browsers, operational systems, form factors and input types, Kor can be used virtually anywhere. It is built to facilitate the design and development of intuitive, coherent and pleasing user interfaces based on Web technologies (HTML5).
React UI Component Library.
PrimeReact is a rich set of open source UI Components for React.
A lightweight emoji picker, distributed as a web component.
Frontend workshop for UI development.
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.
Free Modern React Templates & Components for building landing pages and UIs
The convenient JavaScript Web Component, which lets you reliably create beautiful buttons, where people can add events to their calendars.
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:
Building blocks for your Next.js project. An opinionated collection of components, hooks, and utilities for your Next.js project.
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.
UI Design and Prototyping Tool. Component-driven prototyping. Design with the same components that devs build products with. Move your teams out of silos for real process improvements.
Simple React Component That Makes Titles More Readable.
Build apps in components. An open-source toolchain for component-driven software. Forget monolithic apps and distribute development to components.
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.
Themeable components for React & React Native. Bumbag is a themeable, accessible & composable component library for React & React Native allowing you to create cross-platform applications with ease.
A forward-thinking library of web components. Shoelace provides a collection of professionally designed, highly customizable UI components built on a framework agnostic technology.
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. 🥾
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.