web-component
Simple React Component That Makes Titles More Readable.
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.
The convenient JavaScript Web Component, which lets you reliably create beautiful buttons, where people can add events to their calendars.
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.
World's most performant DOM-based table. A multithreaded web table, capable of running 120fps while sorting/filtering/scrolling simultaneously.
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.
Search input query parser and React component.
A powerful search query language parser with SQL output support, inspired by Elasticsearch and Tantivy query syntax.
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.
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.
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.
Fully styled and customizable components for Nuxt.
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:
A forward-thinking library of web components. Shoelace provides a collection of professionally designed, highly customizable UI components built on a framework agnostic technology.
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.
Pick the right UI Library for your Vue 3 or Nuxt 3 Project.
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:
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.
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.
List of companies using Web Components.
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.
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.
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.
A custom registry of composable, accessible and open source shadcn/ui components.
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.
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
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.
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.
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.
Building blocks for your Next.js project. An opinionated collection of components, hooks, and utilities for your Next.js project.
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.
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.
React UI Component Library.
PrimeReact is a rich set of open source UI Components for 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. 🚀
This is a shadcn table with server-side sorting, filtering, and pagination. It is bootstrapped with create-t3-app.
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 lightweight date picker built with web components that can be used anywhere.
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.
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.
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.
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.
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.
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.
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.
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.
A fast, composable, unstyled emoji picker made with Tailwind & React.
Free Modern React Templates & Components for building landing pages and UIs
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:
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:
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 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.
Use TOAST UI to Make Your Web Delicious!
JavaScript UI library and free open source project constantly managed by NHN Cloud.
AMP is a web component framework to easily create user-first experiences for the web.
Related contents: