From 3b223b6a9ab19f8a065abac5d109778532758848 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E5=BC=9F=E8=B0=83=E8=B0=83?= Date: Fri, 6 Oct 2023 09:22:42 -0500 Subject: [PATCH] doc: Update README.md --- README.md | 27 ++++++++++++++++----------- 1 file changed, 16 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index c32d2b6..01bcfe3 100644 --- a/README.md +++ b/README.md @@ -30,6 +30,7 @@ Contents - [React Native](#react-native) - [Vue](#vue) - [Angular](#angular) + - [Tailwind](#tailwind) - [San](#san) - [Mithril](#mithril) - [WebCell](#webcell) @@ -248,7 +249,6 @@ Most of this comes from: [The Ultimate Guide to JavaScript Frameworks](https://j - [Foundation](https://react.foundation) - Foundation as React components. [![Open-Source Software][OSS Icon]](https://github.com/nordsoftware/react-foundation) - [Fyndiq UI](https://fyndiq.github.io/fyndiq-ui) - Library of reusable components for Fyndiq. [![Open-Source Software][OSS Icon]](https://github.com/fyndiq/fyndiq-ui) - [Fluent UI Web](https://react.fluentui.dev/) - Fluent UI web represents a collection of utilities, React components, and web components for building web applications. [![Open-Source Software][OSS Icon]](https://github.com/microsoft/fluentui) -- [Flowbite](https://www.flowbite-react.com/) 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. [![Open-Source Software][OSS Icon]](https://github.com/themesberg/flowbite-react) - [Fusion Design](https://fusion.design/) - A configurable component library for web built on React. [![Open-Source Software][OSS Icon]](https://github.com/alibaba-fusion/next) - [Elemental UI](http://elemental-ui.com) - A flexible and beautiful UI framework for React.js. [![Open-Source Software][OSS Icon]](https://github.com/elementalui/elemental) - [~~Fluent UI React~~](https://stardust-ui.github.io/react/) - A themable React component library. [![Open-Source Software][OSS Icon]](https://github.com/microsoft/fluent-ui-react) @@ -311,7 +311,6 @@ React Material Design - React components built with sass. [![Open-Source Softwar - [~~react-uikit-components~~](https://github.com/kbuechl/react-uikit-components) - React UIkit Components for the UIKit CSS framework. [![Open-Source Software][OSS Icon]](https://github.com/kbuechl/react-uikit-components) - [Sancho UI](https://sancho-ui.com/) - A themable React component library. [![Open-Source Software][OSS Icon]](https://github.com/bmcmahen/sancho) - [Shineout](https://sheinsight.github.io/shineout) - A components library for React. [![Open-Source Software][OSS Icon]](https://github.com/sheinsight/shineout) -- [shadcn/ui](https://ui.shadcn.com) - Beautifully designed components built with Radix UI and Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/shadcn/ui) - [Semantic UI](https://react.semantic-ui.com) - The official Semantic-UI-React integration. [![Open-Source Software][OSS Icon]](https://github.com/Semantic-Org/Semantic-UI-React) - [Smooth UI](https://smooth-ui.smooth-code.com/) - Modern React UI library. Code less, do more. [![Open-Source Software][OSS Icon]](https://github.com/smooth-code/smooth-ui) - [Smart React Components](https://cevadtokatli.github.io/smart-react-components/) - React UI Library for Styled Components. [![Open-Source Software][OSS Icon]](https://github.com/cevadtokatli/smart-react-components) @@ -322,7 +321,6 @@ React Material Design - React components built with sass. [![Open-Source Softwar - [Tremor](https://tremor.so/) - The React library to build dashboards fast.. [![Open-Source Software][OSS Icon]](https://github.com/tremorlabs/tremor) - [Theme UI](https://theme-ui.com/) - Build consistent, themeable React apps based on constraint-based design principles. [![Open-Source Software][OSS Icon]](https://github.com/system-ui/theme-ui) - [Tiny UI](https://tiny-ui.dev/) - A friendly UI component set for React.js [![Open-Source Software][OSS Icon]](https://github.com/wangdicoder/tiny-ui) -- [Vechai UI](https://www.vechaiui.com/) - A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/vechai/vechaiui) - [Yoshino-UI](https://yoshino-ui.github.io) - 一个基于react的可定制化的pc端组件库. [![Open-Source Software][OSS Icon]](https://github.com/Yoshino-UI/Yoshino) - [Zent](https://www.youzanyun.com/zanui/zent) - A collection of essential UI components written with React. [![Open-Source Software][OSS Icon]](https://github.com/youzan/zent) - [Zero-UI](https://alphago88.github.io/Zero-UI/) - An easy-to-use web UI component framework. [![Open-Source Software][OSS Icon]](https://github.com/AlphaGo88/Zero-UI) @@ -342,14 +340,11 @@ React Material Design - React components built with sass. [![Open-Source Softwar - [Buefy](https://buefy.org/) - Material Design UI library for Vuejs 2.0. [![Open-Source Software][OSS Icon]](https://github.com/buefy/buefy) - [BalmUI](https://material.balmjs.com/) - Next Generation Material UI for Vue.js. [![Open-Source Software][OSS Icon]](https://github.com/balmjs/ui-vue) - [Carvue.js](https://carvuejs.github.io/) - Carbon design for VueJS. [![Open-Source Software][OSS Icon]](https://github.com/CarvueJS/carbon-components-vue) -- [DaisyUI](https://daisyui.com/) - Adds component classes like btn, card and more to Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/saadeghi/daisyui) - [Element](http://element.eleme.io/) - A Vue.js 2.0 UI Toolkit for Web. [![Open-Source Software][OSS Icon]](https://github.com/ElemeFE/element) -- [Equal UI](https://equal-ui.github.io/Equal/) - Equal UI is a Vue 3 UI library empowered by Tailwindcss. [![Open-Source Software][OSS Icon]](https://github.com/Equal-UI/Equal) - [Element Plus](https://element-plus.org/) - A Vue.js 3 UI library. [![Open-Source Software][OSS Icon]](https://github.com/element-plus/element-plus) - [fish-ui](https://myliang.github.io/fish-ui/) - A Vue.js 2.0 UI Toolkit for Web. [![Open-Source Software][OSS Icon]](https://github.com/myliang/fish-ui) - [Fighting Design](https://fighting.tianyuhao.cn) - Fighting design can quickly build interactive interfaces in vue3 applications. [![Open-Source Software][OSS Icon]](https://github.com/FightingDesign/fighting-design) - [gulu UI](https://frankfang.github.io/gulu/) - 轱辘，面向源码阅读者的 UI 框架. [![Open-Source Software][OSS Icon]](https://github.com/FrankFang/gulu) -- [gitlab-ui](https://gitlab-org.gitlab.io/gitlab-ui) - GitLab UI is a UI component library that implements [Pajamas](https://design.gitlab.com/), our design system. [![Open-Source Software][OSS Icon]](https://gitlab.com/gitlab-org/gitlab-ui) - [HeyUI](http://www.heyui.top/) - UI Toolkit for Web, Vue2.0 . [![Open-Source Software][OSS Icon]](https://github.com/heyui/heyui) - [iView](https://www.iviewui.com/) - A high quality UI Toolkit based on Vue.js. [![Open-Source Software][OSS Icon]](https://github.com/iview/iview) - [jsmod-pc-vue](https://github.com/chaogao/jsmod-pc-vue) - high scalability && freedom vue ui components. [![Open-Source Software][OSS Icon]](https://github.com/chaogao/jsmod-pc-vue) @@ -407,6 +402,21 @@ React Material Design - React components built with sass. [![Open-Source Softwar - [telerik-angular](http://www.telerik.com/kendo-angular-ui/) - Kendo UI for Angular. [![Open-Source Software][OSS Icon]](https://github.com/telerik/kendo-angular) - [~~vmware clarity~~](https://clarity.design/) - Mostly a CSS only framework but some components are ported to Angular 2 [![Open-Source Software][OSS Icon]](https://github.com/vmware-archive/clarity) +### Tailwind + +- [**tailwindcss**](https://tailwindcss.com/) - A utility-first CSS framework for rapid UI development. [![Open-Source Software][OSS Icon]](https://github.com/tailwindlabs/tailwindcss) +- [shadcn/ui](https://ui.shadcn.com) - Beautifully designed components built with Radix UI and Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/shadcn/ui) +- [Vechai UI](https://www.vechaiui.com/) - A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/vechai/vechaiui) +- [DaisyUI](https://daisyui.com/) - Adds component classes like btn, card and more to Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/saadeghi/daisyui) +- [Equal UI](https://equal-ui.github.io/Equal/) - Equal UI is a Vue 3 UI library empowered by Tailwindcss. [![Open-Source Software][OSS Icon]](https://github.com/Equal-UI/Equal) +- [Flowbite](https://www.flowbite-react.com/) 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. [![Open-Source Software][OSS Icon]](https://github.com/themesberg/flowbite-react) +- [gitlab-ui](https://gitlab-org.gitlab.io/gitlab-ui) - GitLab UI is a UI component library that implements [Pajamas](https://design.gitlab.com/), our design system. [![Open-Source Software][OSS Icon]](https://gitlab.com/gitlab-org/gitlab-ui) +- [Headless UI](https://headlessui.dev) - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/tailwindlabs/headlessui) +- [LangUI](https://www.langui.dev/) - UI for your AI. Open Source Tailwind components tailored for your GPT, generative AI, and LLM projects. [![Open-Source Software][OSS Icon]](https://github.com/ahmadbilaldev/langui) +- [Sailboat UI](https://sailboatui.com/) - Sailboat UI is a modern UI component library for Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/sailboatui/sailboatui) +- [Tailwind-Elements](https://tailwind-elements.com/) - 𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates [![Open-Source Software][OSS Icon]](https://github.com/mdbootstrap/Tailwind-Elements/) +- [Konsta UI](https://konstaui.com/) Mobile UI components made with Tailwind CSS [![Open-Source Software][OSS Icon]](https://github.com/konstaui/konsta) + ### San * [San](https://github.com/ecomfe/san) is a flexible JavaScript component framework* @@ -433,13 +443,11 @@ React Material Design - React components built with sass. [![Open-Source Softwar _Support [React](https://github.com/facebook/react), [Angular](https://github.com/angular/angular) and [Vue](https://github.com/vuejs/vue)_ - [Handsontable](https://handsontable.com/) - JavaScript/HTML5 Data Grid Component with Spreadsheet Look & Feel [![Open-Source Software][OSS Icon]](https://github.com/handsontable/handsontable) -- [Headless UI](https://headlessui.dev) - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/tailwindlabs/headlessui) - [MUI](https://www.muicss.com/) - Lightweight CSS framework [![Open-Source Software][OSS Icon]](https://github.com/muicss/mui) - [Onsen UI](https://onsen.io/) - Mobile app development framework and SDK using HTML5 and JavaScript. [![Open-Source Software][OSS Icon]](https://github.com/OnsenUI/OnsenUI) - [KPC](https://onsen.io/) - A UI components library for Intact, Vue, React and Angular. [![Open-Source Software][OSS Icon]](https://github.com/ksc-fe/kpc) - [storybook](https://storybook.js.org) - Interactive UI component dev & test: React, React Native, Vue, Angular [![Open-Source Software][OSS Icon]](https://github.com/storybooks/storybook) - [Zag](https://onsen.io/) - Finite state machines for accessible JavaScript components. [![Open-Source Software][OSS Icon]](https://github.com/chakra-ui/zag) -- [Konsta UI](https://konstaui.com/) Mobile UI components made with Tailwind CSS [![Open-Source Software][OSS Icon]](https://github.com/konstaui/konsta) ### Tradition @@ -450,7 +458,6 @@ _Support [React](https://github.com/facebook/react), [Angular](https://github.co - [design-system](https://github.com/salesforce-ux/design-system) - Salesforce Lightning Design System. [![Open-Source Software][OSS Icon]](https://github.com/salesforce-ux/design-system) - [DXY-UI](https://dxy-f2e.github.io/dxy-ui/docs/) - DXY-UI是一套适用于桌面端的前端UI库，不包含任何JS，仅仅关注样式。 [![Open-Source Software][OSS Icon]](https://github.com/jgthms/bulma) - [LuLu](https://l-ui.com/) - LuLu UI for PC web. [![Open-Source Software][OSS Icon]](https://github.com/yued-fe/lulu) -- [LangUI](https://www.langui.dev/) - UI for your AI. Open Source Tailwind components tailored for your GPT, generative AI, and LLM projects. [![Open-Source Software][OSS Icon]](https://github.com/ahmadbilaldev/langui) - [Layui](https://layui.dev/) - 一款采用自身模块规范编写的情怀型前端UI框架. [![Open-Source Software][OSS Icon]](https://github.com/layui/layui/) - [Lit](https://ajusa.github.io/lit/) - A ridiculously small responsive css framework. [![Open-Source Software][OSS Icon]](https://github.com/ajusa/lit) - [Material](https://material.io) - Create beautiful apps with modular and customizable UI components. [![Open-Source Software][OSS Icon]](https://github.com/material-components/material-components-web) @@ -465,12 +472,10 @@ _Support [React](https://github.com/facebook/react), [Angular](https://github.co - [rui](https://github.com/r-ui/rui) - 一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。. [![Open-Source Software][OSS Icon]](https://github.com/r-ui/rui) - [Shoelace](https://picturepan2.github.io/spectre/) - A collection of professionally designed, every day UI components built on a framework-agnostic technology. [![Open-Source Software][OSS Icon]](https://github.com/shoelace-style/shoelace) - [spectre](https://picturepan2.github.io/spectre/) - A Lightweight, Responsive and Modern CSS Framework. [![Open-Source Software][OSS Icon]](https://github.com/picturepan2/spectre) -- [Sailboat UI](https://sailboatui.com/) - Sailboat UI is a modern UI component library for Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/sailboatui/sailboatui) - [~~SUI~~](https://github.com/sdc-alibaba/SUI-Mobile) - A framework based on the development of Framework7 UI library. [![Open-Source Software][OSS Icon]](https://github.com/sdc-alibaba/SUI-Mobile) - [~~SuperUI~~](https://github.com/tzhsweet/superui) - 让体验变得如此完美，开发变得如此简单。 [![Open-Source Software][OSS Icon]](https://github.com/tzhsweet/superui) - [svelte-spectre](https://kit.metis.science/) - A Spectre kit for Svelte framework. [![Open-Source Software][OSS Icon]](https://github.com/basf/svelte-spectre) - [Tabler](https://tabler.github.io) - is free and open-source HTML Dashboard UI Kit built on Bootstrap 4. [![Open-Source Software][OSS Icon]](https://github.com/tabler/tabler) -- [tailwindcss](https://tailwindcss.com/) - A utility-first CSS framework for rapid UI development. [![Open-Source Software][OSS Icon]](https://github.com/tailwindlabs/tailwindcss) - [UIkit](https://getuikit.com/) - A lightweight and modular front-end framework for developing fast and powerful web interfaces. [![Open-Source Software][OSS Icon]](https://github.com/uikit/uikit) - [weui](https://weui.io/) - tailor-made for WeChat web service. [![Open-Source Software][OSS Icon]](https://github.com/Tencent/weui) - [ZUI](http://zui.sexy/) - 一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。. [![Open-Source Software][OSS Icon]](https://github.com/easysoft/zui)