UI components

Material UI is a comprehensive React component library implementing Google's Material Design, providing a large set of ready-made, customizable, accessible UI components and a powerful theming/styling system.

Tailwind CSS is a utility-first CSS framework that lets you build custom designs directly in your markup by composing low-level utility classes instead of writing custom CSS. It generates only the styles you use via a build step, keeping output small.

Storybook is a frontend workshop for developing, testing, and documenting UI components in isolation. It renders components outside your app in a dedicated browser environment and supports React, Vue, Angular, Svelte, Web Components, and many other frameworks through a pluggable addon ecosystem.

A massive, community-curated awesome-list of free and freemium design assets and tools for developers — covering UI graphics, fonts, color tools, icons, stock media, CSS/JS libraries, design systems, and AI design tools. It's a categorized link directory rather than a software library.

Ionic Framework is a cross-platform UI toolkit built on Web Components for building native-quality mobile apps and Progressive Web Apps from a single codebase. It ships a large library of pre-styled, accessible UI components with first-class bindings for Angular, React, and Vue.

Bulma is a free, open-source CSS framework based on Flexbox that provides ready-to-use, responsive UI components and a grid system without requiring any JavaScript. It's distributed as a single CSS file or as customizable Sass source.

daisyUI is a component library for Tailwind CSS that adds semantic class names (like btn, card, modal) and themeable components on top of Tailwind's utility classes, reducing markup verbosity while staying framework-agnostic.

uni-app is an open-source Objective-C project in the ui components space with 41.5k GitHub stars. The repository is actively maintained, with recent commits.

Vuetify is a comprehensive Vue component library implementing Material Design, offering a large catalog of ready-made, accessible UI components and a theming/layout system for building Vue 3 applications.

Materialize is a responsive front-end CSS/JS framework that implements Google's Material Design language, providing styled HTML components, layout grids, and interactive JavaScript widgets out of the box.

xyflow is a monorepo of open-source libraries (React Flow and Svelte Flow) for building interactive node-based UIs such as flowcharts, diagrams, and workflow editors. It provides draggable nodes, connectable edges, and built-in components like minimaps, controls, and backgrounds, all heavily customizable.

TanStack Table is a headless, framework-agnostic datagrid library that supplies table logic—sorting, filtering, grouping, aggregation, pagination, and row selection—while leaving all markup and styling to the developer. It ships adapters for React, Vue, Solid, Svelte, Angular, and Lit.

Quasar is a Vue.js-based framework that bundles a rich Material Design component library with build tooling, letting developers ship SPAs, SSR apps, PWAs, mobile (Cordova/Capacitor), Electron desktop apps, and browser extensions from one codebase.

A long-running, community-curated "awesome list" cataloging public design systems, UI/pattern libraries, and style guides from companies, governments, and open-source projects. Each entry is tagged for whether it includes coded components, voice & tone guidance, designer kits, and public source code.

MDB UI Kit is a Material Design component library built on top of Bootstrap 5, offering 700+ UI components, form controls, and templates implemented in SCSS and plain (vanilla) JavaScript. It extends Bootstrap's styling with Material Design aesthetics while remaining framework-agnostic.

Blueprint is Palantir's React-based UI toolkit, distributed as a set of modular NPM packages, designed for building complex, data-dense desktop web interfaces. It ships polished components including an interactive spreadsheet-like table, date/time pickers, selects, and an extensive icon set with a cohesive design system.

NES.css is a pure-CSS framework that styles UI elements—buttons, inputs, containers, icons, and dialogs—with a retro 8-bit, NES-inspired pixel aesthetic. It ships only components with no JavaScript dependency, leaving layout up to the developer.

Magic UI is a collection of animated React components and effects built with Tailwind CSS and Framer Motion, aimed at design engineers who want polished landing-page and marketing-site visuals. Components are copy-pasted into your project (shadcn/ui-style) rather than installed as a runtime dependency.

Tabler Icons is a large set of 6,000+ free MIT-licensed SVG icons, all drawn on a 24x24 grid with a customizable 2px stroke. It ships in multiple formats (raw SVG, sprite, webfont) and as framework components for React, Vue, Angular, and Svelte.

Radix Primitives is a low-level, unstyled React component library that provides accessible, customizable building blocks (dialogs, dropdowns, tooltips, etc.) for constructing design systems and web apps. It handles the hard parts—accessibility, keyboard interaction, focus management—while leaving styling entirely up to you.

Naive UI is a Vue 3 component library written entirely in TypeScript, offering 90+ tree-shakable components with a JS-based, type-safe theming system that requires no separate CSS imports or build-loader configuration.

Pico is a minimalist, lightweight CSS framework that styles semantic HTML elements beautifully out of the box, requiring few or no classes. It offers a class-less mode, dark/light themes, SASS customization, and a small set of components, acting like a supercharged CSS reset.

Adobe's family of React libraries for building accessible UIs: React Spectrum (styled components implementing Adobe's design system), React Aria (unstyled accessible components and hooks), React Stately (cross-platform state management hooks), and framework-agnostic internationalization utilities.

PrimeVue is a comprehensive open-source UI component library for Vue 3, offering 90+ ready-made components with theming, accessibility support, and first-class Nuxt integration.

Primer CSS is the SCSS/Sass implementation of GitHub's Primer Design System, providing utility classes and component styles distributed via npm. It's now in maintenance ("KTLO") mode, with GitHub steering new work toward primer/react and primer/view_components.

PrimeNG is a comprehensive open-source UI component library for Angular, offering 80+ ready-made components such as data tables, forms, overlays, charts, and menus, along with theming support.

A jQuery-based plugin that turns plain HTML tables into feature-rich data tables for Bootstrap, adding sorting, pagination, row selection, AJAX/JSON loading, card and detail views, localization, and a large extension ecosystem—configurable largely through HTML data attributes.

Spectre.css is a lightweight (~10KB gzipped) CSS framework built around a Flexbox-based responsive grid, base styles, and a set of pre-styled components and utilities. It's a Sass-customizable starting point for building modern, mobile-friendly UIs without JavaScript.

98.css is a JavaScript-free CSS library that styles semantic HTML to look like the Windows 98 user interface, providing nostalgic recreations of classic widgets like windows, title bars, buttons, and form controls.

Milligram is an ultra-lightweight (~2kb gzipped) CSS framework that provides minimal default styling for typography, forms, buttons, grids, and tables. It aims to be a clean, low-opinion starting point rather than a full UI component library.

Vue Material is a lightweight Vue.js component library that implements Google's Material Design specification, offering themeable, on-demand-importable UI components like buttons, tabs, dialogs, and form controls.

A curated "awesome" list cataloging CSS frameworks, organized into categories like classless, lightweight, general-purpose, material design, utility-based, and specialized/retro themes. It's a reference index rather than a code library, helping developers discover and compare frameworks for styling web projects.

Flowbite is an open-source UI component library built on top of Tailwind CSS, providing pre-styled interactive elements (modals, dropdowns, navbars, tooltips, etc.) that can be wired up via HTML data attributes or controlled programmatically through a JavaScript/TypeScript API.

A UI kit that layers Google's Material Design styling on top of Bootstrap 4, providing a large library of pre-built components, animations, icons, and templates. This jQuery-based version is the legacy v4 release, with the project now steering users toward a Bootstrap 5 successor.

An enterprise-focused Angular UI component library implementing the Ant Design system, providing 70+ TypeScript components with theming, i18n, SSR, and zoneless/OnPush support.

tsParticles is a dependency-free TypeScript library for rendering animated particle effects (confetti, snow, fireworks, interactive link networks, and more) on a canvas. It ships a modular engine with optional feature bundles and official wrapper components for nearly every major frontend framework.

Onsen UI is an open-source library of mobile-optimized UI components for building hybrid and progressive web apps with a native iOS/Android look and feel. It ships framework-agnostic web components that integrate with React, Angular, Vue, and plain JavaScript, and pairs well with Cordova/PhoneGap.

Radix Themes is a pre-styled, themeable React component library built on top of Radix UI's accessible primitives, offering a complete design system with ready-to-use components, tokens, and styling controls for rapid app development.

PrimeReact is a comprehensive UI component library for React, offering 90+ pre-built, themeable components ranging from form inputs and data tables to charts and overlays. It supports both styled (pre-skinned themes like Material and Bootstrap) and unstyled modes for full customization.

React95 is a React component library that recreates the Windows 95 user interface aesthetic with modern, themeable components built on styled-components. It provides classic widgets like menus, windows, buttons, and separators for building retro-styled web apps.

A comprehensive UI toolset and component library for React Native by Wix, offering pre-built components plus a design-system foundation layer (colors, typography, spacings) and a modifier-based styling syntax for rapidly composing theme-consistent screens.

metroui is an open-source JavaScript project in the ui components space with 7.1k GitHub stars. The repository has seen commits within the last year.

Reka UI (formerly Radix Vue) is an unstyled, accessible component library for Vue, providing low-level UI primitives that handle behavior, keyboard interaction, and ARIA semantics while leaving styling fully up to the developer.

Charts.css is a dependency-free CSS framework for data visualization that turns semantic HTML tables into charts and graphs using utility classes and CSS variables. Instead of JavaScript or SVG/canvas rendering, it styles markup directly so charts are accessible, lightweight, and customizable with plain CSS.

Arco Design is a comprehensive React UI component library (60+ components) built on ByteDance's Arco Design system, with strong TypeScript support, extensive theming via design tokens, and a surrounding ecosystem for themes, materials, and icons.

Vuesax is a Vue.js UI component framework offering a set of responsive, design-focused components with a distinctive visual style for building web application interfaces.

An iOS UI library providing an animated, material-design card collection with peek/pop expansion and smooth push/pop transitions to a detail view. Built on UICollectionView with subclassable controllers and cells.

zag is an open-source TypeScript project in the ui components space with 5.1k GitHub stars. The repository is actively maintained, with recent commits.

BootstrapBlazor is an open-source C# project in the ui components space with 4.8k GitHub stars. The repository is actively maintained, with recent commits.

A Microsoft-maintained library of Razor/Blazor UI components implementing the Fluent Design System, giving .NET 8/9 web apps the look and feel of modern Microsoft applications. It wraps Fluent UI Web Components and adds Blazor-native components like DataGrid, dialogs, toasts, and design-token customization.

Fusion Next (@alifd/next) is Alibaba's enterprise-class React UI component library built around a design-system collaboration workflow, letting designers customize component themes and ship them as npm packages that developers consume without manual UI rework.

vue-framework-wz is an open-source Vue project in the ui components space with 4.3k GitHub stars.

radzen-blazor is an open-source C# project in the ui components space with 4.3k GitHub stars. The repository is actively maintained, with recent commits.

basecoat is an open-source JavaScript project in the ui components space with 4k GitHub stars. The repository is actively maintained, with recent commits.

Taiga UI is a large, fully tree-shakable Angular UI kit offering 130+ components, 100+ directives, plus utilities and tokens, with CSS-custom-property theming and dark mode out of the box. It is built on dependency injection, OnPush change detection, and strict TypeScript.