awesome-uikit

Collect JS Frameworks, Web components library and Admin Template.

1,507

179

1,507

View on GitHub

Top Related Projects

awesome

323,302

😎 Awesome lists about all kinds of interesting topics

awesome-ios

47,158

A curated list of awesome iOS ecosystem, including Objective-C and Swift Projects

awesome-swift

5,587

A curated list of awesome Swift frameworks, libraries and software.

open-source-ios-apps

41,995

:iphone: Collaborative List of Open-Source iOS Apps

awesome-ios

1,551

A collaborative list of awesome for iOS developers. Include quick preview.

Quick Overview

The jaywcjlove/awesome-uikit repository is a curated list of UI (User Interface) kits, frameworks, and libraries for web development. It serves as a comprehensive resource for developers looking for tools to create beautiful and functional user interfaces across various platforms and technologies.

Pros

Extensive collection of UI resources covering multiple platforms and technologies
Well-organized and categorized, making it easy to find specific tools
Regularly updated with new and popular UI kits
Includes both open-source and commercial options

Cons

May be overwhelming for beginners due to the large number of options
Some listed projects might become outdated or discontinued over time
Lacks detailed comparisons or recommendations between similar tools
Primarily focuses on listing resources rather than providing in-depth tutorials or guides

Code Examples

This repository is not a code library but a curated list of resources. Therefore, there are no code examples to provide.

Getting Started

As this is a curated list and not a code library, there are no specific getting started instructions. However, users can explore the list by visiting the GitHub repository and browsing through the categories that interest them. The list is organized into sections such as:

CSS UI Kits
React UI Kits
Vue UI Kits
Angular UI Kits
Mobile UI Kits
And more...

Users can click on the links provided to visit the official websites or repositories of the listed UI kits and frameworks to learn more about their specific usage and implementation.

Competitor Comparisons

awesome

323,302

😎 Awesome lists about all kinds of interesting topics

Pros of awesome

Much larger and more comprehensive, covering a wide range of topics and technologies
More actively maintained with frequent updates and contributions
Higher number of stars and forks, indicating greater community engagement

Cons of awesome

Can be overwhelming due to its vast scope and extensive lists
Less focused on specific UI/UX resources compared to awesome-uikit
May require more time to navigate and find relevant information

Code comparison

While both repositories are primarily curated lists without significant code, awesome does include some basic HTML for its README:

<h1 align="center">
  <img src="media/logo.svg" alt="Awesome" width="400">
</h1>

awesome-uikit, on the other hand, uses standard Markdown without custom HTML:

# Awesome UI Kit

A curated list of awesome UI Kits, libraries and resources.

Both repositories use similar Markdown formatting for their lists, making them easy to read and navigate. The main difference lies in the scope and organization of the content, with awesome-uikit focusing specifically on UI resources and awesome covering a much broader range of topics.

awesome-ios

47,158

A curated list of awesome iOS ecosystem, including Objective-C and Swift Projects

Pros of awesome-ios

More comprehensive coverage of iOS development topics
Larger community and more frequent updates
Includes sections on testing, debugging, and performance optimization

Cons of awesome-ios

May be overwhelming for beginners due to its extensive list
Less focus on UI-specific components and frameworks
Requires more time to navigate and find specific resources

Code Comparison

While both repositories are curated lists and don't contain actual code, they differ in their organization. Here's an example of how they structure their content:

awesome-ios:

## Getting Started
* [Apple Developer Documentation](https://developer.apple.com/documentation/) - Official Apple Developer Documentation.
* [Swift](https://github.com/vsouza/awesome-ios/blob/master/README.md#swift) - Swift related projects.

awesome-uikit:

## UI
- [Element](https://github.com/ElemeFE/element) - A Vue.js 2.0 UI Toolkit for Web.
- [Ant Design](https://github.com/ant-design/ant-design) - A UI Design Language.

awesome-uikit focuses specifically on UI frameworks and components, making it easier to find UI-related resources. awesome-ios covers a broader range of iOS development topics, including UI but also extending to other areas like networking, security, and app architecture.

awesome-swift

5,587

A curated list of awesome Swift frameworks, libraries and software.

Pros of awesome-swift

Focuses specifically on Swift resources, making it more targeted for Swift developers
Includes a wider range of categories, such as testing, benchmark, and server-side Swift
Regularly updated with new Swift-related content and resources

Cons of awesome-swift

Limited to Swift ecosystem, not as versatile for general UI development
May not cover as many UI-specific tools and libraries as awesome-uikit
Could be overwhelming for beginners due to the extensive list of resources

Code Comparison

While both repositories are curated lists and don't contain actual code, here's an example of how they might differ in content:

awesome-swift:

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("Hello, Swift!")
    }
}

awesome-uikit:

<div class="uk-card uk-card-default">
    <div class="uk-card-body">
        <h3 class="uk-card-title">Hello, UIkit!</h3>
    </div>
</div>

This comparison highlights the focus on Swift-specific content in awesome-swift versus the more general UI toolkit approach in awesome-uikit.

open-source-ios-apps

41,995

:iphone: Collaborative List of Open-Source iOS Apps

Pros of open-source-ios-apps

Focuses specifically on iOS apps, providing a curated list of open-source iOS applications
Includes a wide variety of app categories, making it easier for developers to find relevant examples
Regularly updated with new apps and removal of outdated or unavailable projects

Cons of open-source-ios-apps

Limited to iOS apps only, not covering other platforms or UI frameworks
Doesn't provide detailed information about UI components or design patterns used in the apps
May include some apps that are no longer actively maintained or updated

Code Comparison

While both repositories don't primarily focus on code snippets, here's a brief comparison of how they present information:

open-source-ios-apps:

- [Alarm Clock](https://github.com/ChristianHersevoort/ProjectClock): Alarm clock for tvOS
  - [` App Store`](https://apps.apple.com/app/id1628659614)
  - `2023` `swift` `tvos`

awesome-uikit:

- [Ant Design](https://ant.design/) - Enterprise-class UI design language and React UI library.
- [Chakra UI](https://chakra-ui.com/) - Simple, Modular & Accessible UI Components for your React Applications.

The open-source-ios-apps repository focuses on listing individual apps with their associated metadata, while awesome-uikit provides a more general list of UI frameworks and libraries.

awesome-ios

1,551

A collaborative list of awesome for iOS developers. Include quick preview.

Pros of awesome-ios

More comprehensive, covering a wider range of iOS development topics
Regularly updated with new resources and libraries
Includes sections on architecture, testing, and other advanced topics

Cons of awesome-ios

Potentially overwhelming due to the large number of resources
Less focused on UI components compared to awesome-uikit
May include some outdated or less maintained projects

Code comparison

While both repositories are curated lists and don't contain actual code, they differ in how they organize their content. Here's a comparison of their list structures:

awesome-ios:

- [Getting Started](#getting-started)
- [Libraries And Frameworks](#libraries-and-frameworks)
  - [Analytics](#analytics)
  - [App Routing](#app-routing)
  - [Apple TV](#apple-tv)

awesome-uikit:

- [Framework](#framework)
- [Boilerplates](#boilerplates)
- [Components](#components)
  - [Layout](#layout)
  - [Navigation](#navigation)

awesome-ios provides a more detailed and extensive list structure, while awesome-uikit focuses specifically on UI components and frameworks.

Convert designs to code with AI

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

Awesome UIKit

Collect JS Frameworks, Web components library and Admin Template.

Frameworks
Web Components
- Components
- Tools
UI Components
- React
- React Native
- Vue
- Angular
- Tailwind
- San
- Mithril
- WebCell
- Svelte
- All In
- Tradition
Mobile UI Components
- React
- React Native
- Vue
- Wechat
- Tradition
Admin Template
- React
- Vue
- Angular
- Other
Tools
- CheatSheet

Explanation

Open-Source Software means open source, click to enter open source repo;
hot means hot;

Frameworks

Most of this comes from: The Ultimate Guide to JavaScript Frameworks

The Big Three

React - A JavaScript library for building user interfaces.
Angular - One framework. Mobile & desktop.
Vue.js - A progressive, incrementally-adoptable JavaScript framework for building UI on the web.

Historically Significant

AngularJS - AngularJS - HTML enhanced for web apps!
Backbone - Give your JS App some Backbone with Models, Views, Collections, and Events.
Ember - A JavaScript framework for creating ambitious web applications.

Notable

Aurelia - Aurelia allows us to focus on business logic, not on the framework.
~~anu~~ - he React16-compat mini library.
~~Elm - Server and client code for the Elm website.~~
FicusJS - Lightweight functions for developing applications using web components.
HTM - JSX alternative using standard tagged templates, with compiler support.
htmx - </> htmx - high power tools for HTML
Inferno - An extremely fast, React-like JavaScript library for building modern user interfaces.
Nano JSX - Lightweight 1KB JSX library.
Nue - The Content First Web Framework
~~Polymer - Build modern apps using web components.~~
Preact - Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
ReasonML - Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems.
Svelte - The magical disappearing UI framework.
Solid - A declarative, efficient, and flexible JavaScript library for building user interfaces..
VanJS - World's smallest reactive UI framework...

Mobile

nativescript-vue - NativeScript with the ease of Vue.
react-native - A framework for building native apps with React.
~~Weex - A framework for building Mobile cross-platform UI.~~

Mini Program

~~alita - æ React Native ä»£ç è½¬æ¢æå¾®ä¿¡å°ç¨åºä»£ç çè½¬æ¢å¼æå·¥å·ã~~
Antmove - ç¼è¯åè·¨ç«¯è§£å³æ¹æ¡ï¼åºäºæ¯ä»å®/å¾®ä¿¡å°ç¨åºï¼è½»æ¾å°è½¬æ¢æå¶å®å¹³å°çå°ç¨åºã
~~Anna Remax UI - ä¸æ¬¾åºäº Remax æ¡æ¶å¼åçå°ç¨åº UI ç»ä»¶åºã~~
~~Chameleon - ä¸å¥ä»£ç è¿è¡å¤ç«¯ï¼ä¸ç«¯æè§å³å¤ç«¯æè§~~
mpx - æ»´æ»´å¼æºå°ç¨åºæ¡æ¶ã
~~mpvue - åºäº Vue.js çå°ç¨åºå¼åæ¡æ¶ï¼ä»åºå±æ¯æ Vue.js è¯æ³åæå»ºå·¥å·ä½ç³»ã~~
taro - å¤ç«¯ç»ä¸å¼åæ¡æ¶ï¼æ¯æå°ç¨åºãH5ãReact Native ççåºç¨ã
~~weapp-native - å React ç»ä»¶å¼åä¸æ ·æ¥å¼åå¾®ä¿¡å°ç¨åºï¼å¼åå¾®ä¿¡å°ç¨åºæ¡æ¶ã~~
~~wepy - å°ç¨åºç»ä»¶åå¼åæ¡æ¶~~
~~Remax - å° React è¿è¡å¨å°ç¨åºç¯å¢ä¸ï¼è®©ä½ å¯ä»¥ä½¿ç¨å®æ´ç React è¿è¡å¼å~~
uni-app ä½¿ç¨ Vue è¯æ³å¼åå°ç¨åºãH5ãAppçç»ä¸æ¡æ¶

Rest of the Pack

AppRun - AppRun is a developing applications using the elm architecture, events and components.
Atomico - A small(1.6kB) library to work with web components.
Binding.scala - Reactive data-binding for Scala.
~~avalon - An elegant efficient express mvvm framework.~~
Bobril - Component oriented framework with Virtual dom (fast, stable, with tooling).
~~Choo - sturdy 4kb frontend framework.~~
CxJS - Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.
Cycle.js - A functional and reactive JavaScript framework for predictable code.
~~DYO - a library for building user interfaces.~~
~~Dojo - meta information for the project.~~
Domvm - DOM ViewModel - A thin, fast, dependency-free vdom view layer.
~~DoneJS - Is the easiest way to get a high-performance, real-time, web and mobile application done!~~
dva - React and redux based, lightweight and elm-style framework.
dagger - A lightweight html-based runtime web frontend framework.
~~Etch - Builds components using a simple and explicit API around virtual-dom.~~
~~esx - Like JSX, but native and fast.~~
~~Gruu - JavaScript library for creating dynamic content.~~
Glimmer - Central repository for the Glimmer.js project.
Hyperapp - 1 KB JavaScript library for building web applications.
~~Hyperdom - A fast, feature rich and simple framework for building dynamic browser applications.~~
hyperHTML - A Fast & Light Virtual DOM Alternative.
Ivi - Javascript (TypeScript) library for building web user interfaces.
~~Intact - An inheritable and strong logic template front-end mvvm framework.~~
~~Knockout - Knockout makes it easier to create rich, responsive UIs with JavaScript.~~
Maquette - Pure and simple virtual DOM library.
Marko - A friendly (and fast!) UI library from eBay that makes building web apps fun.
Mithril - A Javascript Framework for Building Brilliant Applications.
million - <1kb virtual DOM - it's fast!.
~~Moon - A minimal, blazing fast UI library.~~
~~Maka.js - An inheritable and strong logic template front-end mvvm framework.~~
~~Nerv - A blazing fast React alternative, compatible with IE8 and React 16.~~
~~NX - A modular front-end framework - inspired by the server-side and Web Components.~~
~~petit-dom - minimalist virtual dom library.~~
Picodom - 1 KB VDOM builder and patch function.
~~Pux - Build type-safe web apps with PureScript.~~
~~RE:DOM - Tiny (2 KB) turboboosted JavaScript library for creating user interfaces.~~
Ractive - Next-generation DOM manipulation.
~~react-lite - an implementation of React that optimizes for small script size.~~
~~RE:DOM - Tiny (2 KB) turboboosted JavaScript library for creating user interfaces.~~
~~Reflex - Functional reactive UI library.~~
Riot - Simple and elegant component-based UI library.
~~rxdomh - Create DOM element and bind observables on it.~~
San - A Flexible JavaScript Component Framework.
~~Simulacra.js - Data-binding function for the DOM.~~
Slim.js - Fast & Robust Front-End Micro-framework based on modern standards.
STEM.JS - Another javascript framework.
Stimulus - A modest JavaScript framework for the HTML you already have
~~Surplus - High performance JSX web views for S.js applications.~~
~~Thermite - A simple PureScript wrapper for React.~~
~~TSERS - Transform-Signal-Executor framework for Reactive Streams.~~
~~Superfine - Absolutely minimal view layer for building web interfaces.~~
~~Vidom - Library to build UI based on virtual DOM.~~
Vuera - Vue in React, React in Vue. Seamless integration of the two.
WebCell - Web Components engine based on JSX & TypeScript

State of the React

~~Constate - React Context + State.~~
Easy Peasy - Vegetarian friendly state for React.
Hox - The next-generation state manager for React.
icestore - The next-generation state manager for React.
Jotai - Primitive and flexible state management for React.
MobX - Simple, scalable state management.
Recoil - Recoil is an experimental state management library for React apps.
~~React Easy State - Simple React state management. Made with â¤ï¸ and ES6 Proxies.~~
Redux Toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
~~react-hooks-global-state - Simple global state for React with Hooks API without Context API.~~
rematch - State management with statecharts..
~~Unistore - 350b/650b state container with component actions for Preact & React.~~
~~unstated-next - 200 bytes to never think about React state management libraries ever again.~~
useStateMachine - The Â½ kb state machine hook for React.
Valtio - Valtio makes proxy-state simple for React and Vanilla.
zustand - Bear necessities for state management in React.

Web Components

Components

amp - The AMP web component framework.
bolt The Bolt Design System provides robust Twig and Web Component.
~~Clarity~~ - Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with Web Components.
Material Web - Material Design Web Components.
Fast - The adaptive interface system for modern web experiences.
Lion - Fundamental white label web component features for your design system.
Nude UI - Lea's kitchen sink of form components. WIP.
Shoelace - A collection of professionally designed, every day UI components built on a framework-agnostic technology.
UI5 Web Components - the enterprise-flavored sugar on top of native APIs.
~~Wired Elements~~ - Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
xy-ui - é¢åæªæ¥çåç web components UIç»ä»¶åº

Tools

~~Corpuscule~~ - Small Web Components framework based on decorators.
DNA - Progressive Web Components library.
~~jsx-for-web-components~~ - A basic JSX factory for use in projects leveraging web components.
LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation.
Lit - Lit is a simple library for building fast, lightweight web components.
Panel - Web Components + Virtual DOM: web standards for powerful UIs.
Stencil - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards.
~~Skate~~ - Effortless custom elements powered by modern view libraries.
slim.js - Fast & Robust Front-End Micro-framework based on modern standards.
Tonic - A Low Profile Component Framework â Stable, minimal, easy to audit, zero-dependencies and build-tool-free.

UI Components

React

React based component library.

uiw - A high quality UI Toolkit, A Component Library for React.
AgnosticUI - Accessible Component Primitives that work with React, Vue 3, Svelte, and Angular
ANT DESIGN - A UI Design Language.
Arco Design - A comprehensive React UI components library.
Atlassian UI Atlassian's official UI library, built according to the Atlassian Design Guidelines.
Amaze UI React - Amaze UI components built with React.js.
Arwes - Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps.
Ariakit - Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps.
AdmiralDS React UI - Ð¡ÑÐ¾ÑÐ¸Ð±ÑÐº ÐºÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½ÑÐ¾Ð² React Ð½Ð° Ð¾ÑÐ½Ð¾Ð²Ðµ Ð´Ð¸Ð·Ð°Ð¹Ð½ ÑÐ¸ÑÑÐµÐ¼Ñ ÐÐ´Ð¼Ð¸ÑÐ°Ð» 2.1
Backpack - Backpack Design System.
Base UI - Base Web React Components.
Blueprint - Blueprint is a React-based UI toolkit for the web.
Bloom - Bloom acts as a central repository for reuseable React components.
Belle - Configurable React Components with great UX.
Blue - A React UI Component Suites living for enterprise application.
Buttercup UI - React UI Components used in Buttercup products.
Carbon - React components according to IBMâs.
Chakra - Simple, Modular & Accessible UI Components for your React Applications.
ChatUI - The UI design language and React library for Conversational UI.
cloud-react - æ°äº PCç«¯ react åºç¡ç»ä»¶ã
design-blocks - React implementation for Froala Design Blocks.
DevUI - UI components based on React and DevUI Design.
Evergreen - Evergreen React UI Framework by Segment.
EBS Design System - A React-based UI toolkit for enterprise grade applications.
Echo UI - A high-performance and out-of-the-box web audio API component library, build with React and TailwindCSS.
Element React - A collection of essential UI components written with React.
~~ExtReact~~ - Use Ext JS components in React.
~~Fannypack~~ - A friendly, themeable, accessible React UI Kit built with Reakit.
Foundation - Foundation as React components.
Fyndiq UI - Library of reusable components for Fyndiq.
Fluent UI Web - Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
Fusion Design - A configurable component library for web built on React.
Elemental UI - A flexible and beautiful UI framework for React.js.
~~Fluent UI React~~ - A themable React component library.
Garden - Garden React components based on garden css.
Geist UI - Modern and minimalist React UI library.
Gestalt - A set of React UI components that supports Pinterestâs design language.
govuk-react - An implementation of the GOV.UK Design System in React using CSSinJS.
Grommet - Focus on the essential experience.
Hack Club Design System - A react UIKit with nijigen style.
hana-ui - A react UIKit with nijigen style.
HIUI This is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.
Instructure UI - A UI Component Library made by Instructure, Inc.
~~Klarna UI~~ - Klarna's UI components library.
KhanAcademy React - Klarna's UI components library.
KDesign - An enterprise-class React UI components library.
Kuma UI - A Headless, Utility-First, and Zero-Runtime UI Component Library.
Lodgify - React components for building amazing websites with Lodgify.
Material-UI - React components that implement Google's Material Design.
Modul UI - Modul UI React components.
MDBootstrap - React Bootstrap with Material Design.
Mantine - React components library with native dark theme support.
Magic UI - UI Library for Design Engineers.
NextUI - Beautiful, fast and modern React UI library.
Office UI Fabric - React components for building experiences for Office and Office 365.
Orbit - Public repository of Orbit Components of Kiwi.com.
oneui - Textkernel OneUI library of reusable UI components.
Open UI - Textkernel OneUI library of reusable UI components.
PatternFly React - A set of React components for the PatternFly project.
Prismane - Prismane is an innovative have-it-all React UI library.
Polaris React - Shopifyâs product component library.
Pivotal UI - Pivotal UI is a collection of React components that are styled for the Pivotal brand.
Prime React - is a collection of rich UI components for React.
Primer - Primer React components.
Precise UI - React UI Component Library powered by ZEISS.
rbx - The Comprehensive Bulma UI Framework for React.
reactjs-components - A library of reusable React components.
reactstrap - Simple React Bootstrap 4 components.
Reakit - Toolkit for building really interactive UIs with React.
React95 - A React components library with Win95 UI.
RSUITE - A suite of React components .
React Spectrum - A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. From Adobe.
Radix Primitives - An open-source UI component library for building high-quality, accessible design systems and web apps.
React Material Web Components - A collection of JetBrains Web UI components.
Ring UI - A collection of JetBrains Web UI components.
React UI - React Componentsï¼base on bootstrap 4.0.
React-Bootstrap - The most popular front-end framework, rebuilt for React.
Restart UI - A set of full featured, extensible, and accessible UI components, designed to integrate into any styling framework or system.
React Bootstrap - Simple React Bootstrap 4 components.
React Desktop - React UI Components for macOS High Sierra and Windows 10.
react-materialize - Material design for react, powered by materializecss.
React-md - React Material Design - React components built with sass.
React-Ionic - React Ionic: We are looking for a new maintainer!
React Responsive UI - Responsive React UI components!
React-WeUI - A collection of essential UI components written with React.
~~React-UWP~~ - React Components that Implement Microsoft's UWP Design & Fluent Design.
React Toolbox - Is a set of React components that implement Google's Material Design specification.
Reach UI - The Accessible Foundation for React Apps and Design Systems.
Redition - A library of React UI components.
Rebass - Functional React UI component library, built with styled-components .
~~react-uikit-components~~ - React UIkit Components for the UIKit CSS framework.
Sancho UI - A themable React component library.
Shineout - A components library for React.
Semantic UI - The official Semantic-UI-React integration.
Smooth UI - Modern React UI library. Code less, do more.
Smart React Components - React UI Library for Styled Components.
Super Dispatch UI - Web Design System.
UXCore - A React UI Component Suites living for enterprise application.
tinper-bee A component library based on the UI design language iUAP Design and React.
Tenon-ui - Tenon accessible ui component library.
Tremor - The React library to build dashboards fast..
Theme UI - Build consistent, themeable React apps based on constraint-based design principles.
Tiny UI - A friendly UI component set for React.js
Yoshino-UI - ä¸ä¸ªåºäºreactçå¯å®å¶åçpcç«¯ç»ä»¶åº.
Zent - A collection of essential UI components written with React.
Zero-UI - An easy-to-use web UI component framework.
Zarm Web - Web UI component framework.
zhui - A Chinese style component library of react.

Vue

Vue based component library.

Ant Design Vue - Carbon design for VueJS.
at-ui - A fresh and flat UI-Kit specially for desktop application, made with â¥ by Vue.js 2.0.
amaze-vue - UI Toolkit for Web, Vue2.0 .
ATUI - A Vue.js 2.0 UI Toolkit for Web.
Antue - A set of enterprise-class Vue UI components.
bootstrap-vue - Implementation of bootstrap-4 grid and components for Vue.js 2.
Buefy - Material Design UI library for Vuejs 2.0.
BalmUI - Next Generation Material UI for Vue.js.
Carvue.js - Carbon design for VueJS.
Element - A Vue.js 2.0 UI Toolkit for Web.
Element Plus - A Vue.js 3 UI library.
fish-ui - A Vue.js 2.0 UI Toolkit for Web.
Fighting Design - Fighting design can quickly build interactive interfaces in vue3 applications.
gulu UI - è½±è¾ï¼é¢åæºç éè¯»èç UI æ¡æ¶.
HeyUI - UI Toolkit for Web, Vue2.0 .
iView - A high quality UI Toolkit based on Vue.js.
jsmod-pc-vue - high scalability && freedom vue ui components.
Lew-UI - A beautiful component library based on vue3
~~muse-ui~~ - Material Design UI library for Vuejs 2.0.
Material Components Vue - Material Design components for Vue.js.
N3-components Powerful Vue UI Library.
Naive UI A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses Typescript.
~~owl-ui~~ - Mobile UI component library.
PrimeVue - UI Components for Vue.
Quasar Framework - Material Component Framework for Vue.js 2.
Rubik UI - Material Design é£æ ¼ç Vue.js UI ç»ä»¶åº.
Radix Vue - Vue port of Radix UI Primitives.
Semantic UI Vue - Semantic UI Vue is the Vue integration for Semantic UI.
UI - UI components for official Vue organization apps.
Uiv - Is a Bootstrap 3 component library for Vue 2..
ui-vue-antd - Antd component library implemented with Vue.
unocss-ui - A simple Vue3 component library based on Unocss
vue-beauty - Beautiful UI components build with vue and ant design.
VEUI - Enterprise UI for Vue.js.
vue-antd - An enterprise-class UI components based on Ant Design 3.X and Vue.
vue-material - Material design for Vue.js.
vuesax - Vuesax Frontend Vue Components.
vuetify - Material Component Framework for Vue.js 2.
Vuikit - UIkit with all the power of Vue.
vue-weui - WeUI Components with love of vue.js.
vue-bulma-components - Translate Bulma css api to vue components.
v-semantic - Integration of semantic-ui2 with vue.js2.
vue-mdc-adapter - Material Components for VueJS.
vuecidity - UI component framework for Vue.js 2.0.
Vuestic UI - Free and Open Source UI Library for Vue 3.
vx-ui - vue components.
zircleUI - A circular zooming UI library.
xy-ui - é¢åæªæ¥çåç web components UIç»ä»¶åºã
zeit - Vue implementation for Zeit Style.

Angular

Angular based component library.

Alyle UI - Minimal Design, a set of components for Angular.
Alauda UI - Internal Angular UI framework for Alauda Frontend Team.
Element Angular - Element Design components built on top of Angular 2
fuel-ui - Bootstrap 4 components and directives for use in Angular 2
Material - Material Design components for Angular
ngOfficeUIFabric - A community-driven project that simplifies implementing Fabric in Angular-based apps
NG-ZORRO - Ant Design of Angular
ng2-bootstrap - Native Angular2 Bootstrap 3&4 components
ng-lightning - Native Angular 2 components & directives for Lightning Design System
~~ngSemantic~~ - UI components based on Semantic UI
ngx-ui - Style and Component Library for Angular2 and beyond!
ng-devui - DevUI components based on Angular!
ng-bootstrap - Angular 4 directives for Bootstrap 4 by the ui-bootstrap team
prime-ng - Collection of rich UI components for Angular 2
Teradata covalent - UI Platform built on @angular/material 2.0
telerik-angular - Kendo UI for Angular.
~~vmware clarity~~ - Mostly a CSS only framework but some components are ported to Angular 2

Tailwind

tailwindcss - A utility-first CSS framework for rapid UI development.
shadcn/ui - Beautifully designed components built with Radix UI and Tailwind CSS.
Vechai UI - A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS.
DaisyUI - Adds component classes like btn, card and more to Tailwind CSS.
Equal UI - Equal UI is a Vue 3 UI library empowered by Tailwindcss.
Float UI Beautiful and responsive UI components and templates for React and Vue (soon) with Tailwind CSS.
Flowbite Flowbite React is an open-source UI component library built on top of Tailwind CSS with React components and based on the Flowbite Design System.
gitlab-ui - GitLab UI is a UI component library that implements Pajamas, our design system.
Headless UI - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
LangUI - UI for your AI. Open Source Tailwind components tailored for your GPT, generative AI, and LLM projects.
Sailboat UI - Sailboat UI is a modern UI component library for Tailwind CSS.
Tailwind-Elements - ððªðð collection of Tailwind components, sections and templates
Konsta UI Mobile UI components made with Tailwind CSS
Keep React Keep React is an open-source component library built on Tailwind CSS and React.js

San

San is a flexible JavaScript component framework

san-mui - A Set of SAN Components that Implement Google's Material Design

Mithril

Construct-UI - A Mithril.js UI library.
polythene - Material Design component library for Mithril and React

Svelte

Bits UI - The headless components for Svelte.
ikun-ui - A Svelte.js based UnoCSS UI library that allows you to make websites
Melt UI - A set of headless, accessible component builders for Svelte.

WebCell

WebCell is a Web Components engine based on JSX & TypeScript

BootCell - Web Components UI library based on WebCell v3 & BootStrap v5

All In

Support React, Angular and Vue

Ark UI - A headless library for building reusable, scalable design systems that works for a wide range of JS frameworks
Handsontable - JavaScript/HTML5 Data Grid Component with Spreadsheet Look & Feel
MUI - Lightweight CSS framework
Onsen UI - Mobile app development framework and SDK using HTML5 and JavaScript.
Park UI - Beautifully designed components built on Ark UI that work for the JS and CSS frameworks of your choice.
KPC - A UI components library for Intact, Vue, React and Angular.
storybook - Interactive UI component dev & test: React, React Native, Vue, Angular
Zag - Finite state machines for accessible JavaScript components.

Tradition

Bootstrap - Create beautiful apps with modular and customizable UI components.
Bulma - is a free and open source CSS framework based on Flexbox.
Pico.css - Minimal CSS Framework for semantic HTML.
bootflat - BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework.
design-system - Salesforce Lightning Design System.
DXY-UI - DXY-UIæ¯ä¸å¥éç¨äºæ¡é¢ç«¯çåç«¯UIåºï¼ä¸åå«ä»»ä½JSï¼ä»ä»å³æ³¨æ ·å¼ã
LuLu - LuLu UI for PC web.
Layui - ä¸æ¬¾éç¨èªèº«æ¨¡åè§èç¼åçææååç«¯UIæ¡æ¶.
Lit - A ridiculously small responsive css framework.
Material - Create beautiful apps with modular and customizable UI components.
Metro 4 - Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style.
MDUI - ä¸å¥ç¨äºå¼å Material Design ç½é¡µçåç«¯æ¡æ¶ã
Mustard UI - A starter CSS framework that actually looks good.
moye - A Simple UI Library for ZX.
NES.css - NES.css is NES-style (8bit-like) CSS Framework.
Pure.css - A set of small, responsive CSS modules that you can use in every web project.
photon - The fastest way to build beautiful Electron apps using simple HTML and CSS.
PaperCSS - The less formal CSS framework, with a quick and easy integration.
Shoelace - A collection of professionally designed, every day UI components built on a framework-agnostic technology.
spectre - A Lightweight, Responsive and Modern CSS Framework.
~~SUI~~ - A framework based on the development of Framework7 UI library.
svelte-spectre - A Spectre kit for Svelte framework.
Tabler - is free and open-source HTML Dashboard UI Kit built on Bootstrap 4.
UIkit - A lightweight and modular front-end framework for developing fast and powerful web interfaces.
weui - tailor-made for WeChat web service.

Mobile UI Components

React

Auto-UI - Auto UI Web Components for mobile devices based on React.
Annar - ä¼éãç®æ´ç Remax ç»ä»¶åº.
~~mazeui-touch~~ - Web Components for mobile devices based on React.
~~nowui~~ - A React.js UI Toolkit for Web.
VKUI - React components that can be used to create interfaces that look indistinguishable from our iOS and Android apps.
Yo - Lightweight, easy-to-use, configurable, and extensible mobile front-end development framework..
yep-react - yep react UI component.
Zarm - åºäº ReactãReact-Native çç§»å¨ç«¯UIç»ä»¶åº

React Native

Components for React Native applications

Ant Design Mobile - Ant Design for React Native.
~~blankapp/ui~~ - Highly customizable and theming components for React Native.
carbon-native - Essential cross-platform UI components for React Native.
kittenTricks - A react native mobile starter kit with over 40 screens and theme hot reload support.
mCloud-Design-Mobile - mCloud Design Mobile for React Native.
NativeBase - Essential cross-platform UI components for React Native.
~~Nachos UI~~ - Nachos UI is a React Native component library.
Paper - Material design for React Native.
panza - react-native stateless functional UI components to get you up and running quickly.
Rax - A universal React-compatible render engine.
react-native-ui-lib - UI Components Library for React Native.
react-native-ui-kitten - Customizable and reusable react-native component kit.
react-native-elements - Customizable and reusable react-native component kit.
react-native-uiw - UIW for React Native.
react-native-material-design - React Native UI Components for Material Design.
rnx-ui - A UI Lib for React Native.
react-uikit - React and React Native components which implement Cards' Binary Design.
Tamagui - Universal UI kit and style system for React Native + Web.
teaset - A UI library for react native, provides 20+ pure JS(ES6) components.
Shoutem UI - Customizable set of components for React Native applications.
SaltUI - SaltUI is a set of React UI components cooperated with DingTalk.
å°æ xiÇo shÇ - React Native UI library.

Vue

cube-ui - A fantastic mobile ui lib implement by Vue.js.
nutui A Vue.js 2.0 UI Toolkit for Mobile Web.
~~ml-ui~~ - A personal åºäº Vue 2.0 ç Mobile ç»ä»¶åº ml-ui.
Mand Mobile - A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios..
Mint UI - A personal Vue UI component library for Mobile.
Varlet - Material design mobile component library for Vue3.
Vue Carbon - Mobile UI Components Library based on Vue 2.0 at Weidian.
vux - Mobile UI Components based on Vue & WeUI.
Vusion - Vusion UI.
Vant - A Vue.js 2.0 Mobile UI at YouZan.
vue-ydui - A mobile components Library with Vue2.js.
WDUI - Mobile UI Components Library based on Vue 2.0 at Weidian.
x-vui - A personal Vue UI component library for Mobile.

Wechat

iview-weapp - ä¸å¥é«è´¨éçå¾®ä¿¡å°ç¨åº UI ç»ä»¶åºã
kai-ui - é«é¢å¼ç»ä»¶åºï¼ç®åæç¨ï¼åæ¶æ¯æåçåwepyæ¡æ¶ã
taro-ui - ä¸æ¬¾åºäº Taro æ¡æ¶å¼åçå¤ç«¯ UI ç»ä»¶åºã
wa-ui - éå¯¹å¾®ä¿¡å°ç¨åºæ´åçä¸å¥UIåºã
weui-wxss - WeUI for å°ç¨åºã
weui-miniprogram - å°ç¨åºWeUIç»ä»¶åºã
Wuss Weapp - ä¸æ¬¾é«è´¨éï¼ç»ä»¶é½å¨ï¼é«èªå®ä¹çå¾®ä¿¡å°ç¨åº UI ç»ä»¶åºã
wx-charts - å¾®ä¿¡å°ç¨åºå¾è¡¨chartsç»ä»¶ï¼Charts for WeChat small appã
wemark - å¾®ä¿¡å°ç¨åºMarkdownæ¸²æåºã

Tradition

AUI - ç§»å¨ç«¯UIå¿«éå¸å±è§£å³æ¹æ¡ï¼ä¸ä¸ªé è°±çé«æ§è½ç§»å¨åç«¯æ¡æ¶ã
FrozenUI - FrozenUIçCSSç»ä»¶åºï¼åºäºè¾è®¯æQæ ·å¼è§èï¼è¾è®¯QXDåºåã
weui.js - A lightweight javascript library for WeUI.

Admin Template

React

ant-design-pro - An out-of-box UI solution for enterprise applications.
antd-admin - A admin dashboard application demo built upon Ant Design and Dva.js.
admin-on-rest - A frontend framework for building admin SPAs on top of REST services, using React and Material Design.
~~react-antd-admin~~ - ç¨ReactåAnt Designæå»ºçä¸ä¸ªéç¨ç®¡çåå°.
react-admin - A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design.
react-admin - åºäº Ant Design React çç®¡çç³»ç»æ¶æ.
~~react-antd~~ - åºäºreact + antd(1.x)å®ç°çSPAåå°ç®¡çç³»ç»æ¨¡æ¿.
react-material-admin-template - A simple responsive admin template using react and material-ui.
react-admin - react-admin system solution.
CoreUI Free React Admin & Dashboard Template - Free Admin Panel Template for React.js.
reactSPA - ä¸ä¸ªåå°ç®¡çç³»ç»æ¨¡æ¿
rsuite-management-system - A management system template based on React Suite.
~~Materio Free MUI React NextJS Admin Template~~ -Most Powerful & Comprehensive Free MUI React NextJS Admin Dashboard Template built for developers .
React Admin Templates Collection - Amazing Collection of React Admin Templates by WrapPixel Team.
Amazing React Admin Templates - A Collection of React Admin Templates by AdminMart Team.

Vue

avue - ä¸ä¸ªç±»ä¼¼easyuié£ç§å»åvueçæ¹æ¡æ¯æSSR(æå¡ç«¯æ¸²æ)åSPA(åä¾é¡µé¢)ã
CoPilot - Responsive Bootstrap 3 Admin Template based on AdminLTE with vue.js.
D2 Admin - An elegant dashboard.
Element UI Pro - Vue ç Ant Design Proï¼åºäº Element-ui å®ç°ï¼ã
~~Flow-UI~~ - Flow-UI is a highly customizable UI framework based Seajs/jQuery.
~~iview-admin~~ - Vue 2.0 admin management system template based on iView.
Keen-UI - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
Materio-Free-Vuetify-Vuejs-Admin-Template - It is the latest most developer-friendly :the_horns::skin-tone-2: & highly customizable:sparkles: Admin Dashboard Template based on Vuetify and Vuejs.
renren-fast-vue - åºäºvueãelement-uiæå»ºå¼åï¼å®ç°renren-faståå°ç®¡çåç«¯åè½ï¼æä¾ä¸å¥æ´ä¼çåç«¯è§£å³æ¹æ¡ã
vue-element-admin - vue2.0 admin / a management system template.
vue-admin - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.
~~vue-admin~~ - admin template based on vuejs2 and element.
vuestic-admin - Vue.js admin dashboard
~~vue-framework-wz~~ - This project is a background management framework, integrated rights management, login function, industrial UI components, node-cli and other functions, it is recommended to use.
vue-quasar-admin-example - Example of quasar admin.
Vue TSX Admin - About a modern Vue Admin. It is based on Vue3 and TSXï¼It's flexible.
vue2-element-touzi-admin - åºäºvue2.0 +vuex+ element-uiåå°ç®¡çç³»ç»ã
vue-antd-pro - Use Ant Design Vue like a Pro!
vue-admin-next - Professional enterprise application with Multi-Module Design, Vue Composition API and Friendly User Interface. Online Demo
CoreUI Free Vue Admin & Dashboard Template - Free Admin Panel Template for Vue.js.
Sneat-Free-Vuetify-Vuejs-Admin-Template - Most developer-friendly & highly customizable Opensource & Free VueJS Admin Dashboard Template.
Vue Admin Templates Collection - Amazing Collection of Vue Admin Templates by WrapPixel Team.
Amazing Vue Admin Templates - A Collection of Vue Admin Templates by AdminMart Team.

Angular

angular-material-dashboard - Angular admin dashboard with material design.
blur-admin - Angular Bootstrap Admin Panel Framework.
ng-alain - ng-zorro-antd admin panel front-end framework.
ngx-admin - Admin dashboard template based on Angular 4+, Bootstrap 4.
ng-admin - Add an AngularJS admin GUI to any RESTful API.
rdash-angular - AngularJS implementation of the RDash admin dashboard theme.
CoreUI Free Angular Admin & Dashboard Template - Free Admin Panel Template for Angular.
Angular Admin Templates Collection - Amazing Collection of Angular Admin Templates by WrapPixel Team.
Amazing Angular Admin Templates - A Collection of Angular Admin Templates by AdminMart Team.

Other

AdminLTE - AdminLTE - Free Premium Admin control Panel Theme Based On Bootstrap 3.x.
ace - Metis - Free Bootstrap Admin Dashboard Template.
Bootstrap-Admin-Template - Metis - Free Bootstrap Admin Dashboard Template.
Bootstrap-Admin-Theme - A generic admin theme built with Bootstrap free for both personal and commercial use.
Dashboard - Dashboard Template for Bootstrap.
dva-admin - dva admin antd dashboard .
flakes - Flakes is an Admin Template Framework. A combination of CSS Libraries, JavaScript Libraries and Design files that help you build business tools very quickly.
gentelella - Free Bootstrap 3 Admin Template.
lumber - The Admin Interface Framework.
Light Admin - Light Admin is a lightweight Bootstrap 3 admin panel template.
Layuimini - åå° admin åç«¯æ¨¡æ¿ï¼åºäº layui ç¼åçæç®æ´ãæç¨çåå°æ¡æ¶æ¨¡æ¿ã
modular-admin-html - The Admin Interface Framework.
startbootstrap-sb-admin-2 - A free, open source, Bootstrap admin theme created by Start Bootstrap.
Vali Admin - Vali is a free, modular and easy to customize admin theme built using Bootstrap, SASS and Pug.js.
Sneat Free Bootstrap HTML Admin Template - Open-source & Easy to use Free Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout.
Bootstrap Admin Templates Collection - Amazing Collection of Bootstrap Admin Templates by WrapPixel Team.
Amazing Bootstrap Admin Templates - A Collection of Bootstrap Admin Templates by AdminMart Team.