# UI-lib

**Repository Path**: alex_john/ui-lib

## Basic Information

- **Project Name**: UI-lib
- **Description**: 介绍和提供UI库在原生JS、框架中的使用例子
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://www.bilibili.com/video/BV13C4y1d7HH/
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 4
- **Created**: 2023-11-27
- **Last Updated**: 2026-01-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, JavaScript, React, TypeScript, CSS

## README

# This repository aim to provide UI libs usage examples

## Web Components(Compatible with almost all frameworks and native JS.)

- [shoelace](https://shoelace.style/)

- [daisyUI](https://daisyui.com/?lang=en)

- [Tailwind Elements](https://tw-elements.com/)

- [Prime UI](https://www.primefaces.org/)

- [Layui](https://layui.dev/)(No English Doc)

- [Flowbite](https://flowbite.com/)

- [preline](https://preline.co/)

- [Tailwind CSS v4](https://tailwindcss.com/)

## Vue & React

- [shadcn/ui-React](https://ui.shadcn.com/) | [shadcn/ui-Vue](https://www.shadcn-vue.com/)

- [NutUI](https://nutui.jd.com/#/)

## Vue

- [Vant](https://vant.pro/vant/#/zh-CN/home)

- [Equal UI](https://equal-ui.github.io/Equal/)

- [varlet](https://varlet.gitee.io/varlet-ui/#/en-US/index)

- [Quasar](https://quasar.dev/)

- [Vuetify](https://vuetifyjs.com/en/)

- [Inspira](https://inspira-ui.com/)

## React

- [Mantine UI](https://ui.mantine.dev/)

- [Elastic UI](https://eui.elastic.co/#/)

- [NextUI](https://nextui.org/)

- [HeroUI](https://www.heroui.com/)

- [Mamba UI](https://www.mambaui.com/)

- [Keep React](https://react.keepdesign.io/)

- [Actify](https://actifyjs.com/)

- [Semi Design](https://semi.design/en-US/)

- [Material UI](https://mui.com/material-ui/)

- [Magic UI](https://magicui.design/)

- [Chakra UI](https://www.chakra-ui.com/)

## Mobile

- [Vant](https://vant.pro/vant/#/zh-CN/home)

- [NutUI](https://nutui.jd.com/#/)

- [varlet](https://varlet.gitee.io/varlet-ui/#/en-US/index)