https://github.com/huijiewei/agile-ui

React + Typescript + Tailwindcss
https://github.com/huijiewei/agile-ui

react react-components react-hooks tailwind tailwindcss twind typescript vite

Last synced: 6 months ago
JSON representation

React + Typescript + Tailwindcss

• Host: GitHub
• URL: https://github.com/huijiewei/agile-ui
• Owner: huijiewei
• License: mit
• Created: 2021-12-07T09:27:49.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-19T13:59:53.000Z (about 2 years ago)
• Last Synced: 2024-11-28T09:40:22.108Z (6 months ago)
• Topics: react, react-components, react-hooks, tailwind, tailwindcss, twind, typescript, vite
• Language: TypeScript
• Homepage: https://agile-ui.vercel.app
• Size: 4.73 MB
• Stars: 32
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        




Agile UI

React + TypeScript + Twind UI Components


[![macOS](https://img.shields.io/badge/macOS-000000?style=flat&logo=apple&logoColor=white&color=2e118a)](https://www.apple.com/macos)

[![WebStorm](https://img.shields.io/badge/webstorm-143?style=flat&logo=webstorm)](https://jb.gg/OpenSourceSupport)

[![Git](https://img.shields.io/badge/Git-F05032?style=flat&logo=git&logoColor=white)](https://git-scm.com/)

[![Sourcetree](https://img.shields.io/badge/Sourcetree-0052CC?style=flat&logo=Sourcetree&logoColor=white)](https://sourcetreeapp.com)

[![NPM](https://img.shields.io/badge/npm-CB3837?style=flat&logo=npm&logoColor=white)](https://www.npmjs.com/)

[![Vite](https://img.shields.io/badge/Vite-B73BFE?style=flat&logo=vite&logoColor=FFD62E)](https://vitejs.dev)

[![ESLint](https://img.shields.io/badge/ESLint-3A33D1?style=flat&logo=eslint&logoColor=white)](https://eslint.org)

[![Prettier](https://img.shields.io/badge/Prettier-1A2C34?style=flat&logo=prettier&logoColor=F7BA3E)](https://prettier.io)

[![Vitest](https://img.shields.io/badge/Vitest-729B1B?style=flat&logo=data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTY1IDE2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIwLjgzMSA1Ny4yNTRsLTM2LjEzOCA1Mi4yNTFhMy4xMTEgMy4xMTEgMCAwIDEtNS4xMjMtLjAwOCAzLjA3OSAzLjA3OSAwIDAgMS0uNTMzLTEuODkxbDEuNDQ2LTI4Ljg0OC0yMy4zNDktNC45NTJBMy4xMDMgMy4xMDMgMCAwIDEgNTQuOSA3MS45M2EzLjA3NSAzLjA3NSAwIDAgMSAuMzMtMi44OTVsMzYuMTM4LTUyLjI1YTMuMTE3IDMuMTE3IDAgMCAxIDMuNTUyLTEuMTc5Yy42NC4yMTUgMS4xOS42MzIgMS41NyAxLjE4Ny4zOC41NTYuNTY4IDEuMjIuNTM0IDEuODkxbC0xLjQ0NyAyOC44NDggMjMuMzQ5IDQuOTUyYy40OTkuMTA2Ljk2NC4zMzIgMS4zNTQuNjZhMy4wNzYgMy4wNzYgMCAwIDEgLjU1MSA0LjExMnoiIGZpbGw9IiNGQ0M3MkIiLz48cGF0aCBkPSJNODIuOTg3IDE1My4zNDNhNy4yOTYgNy4yOTYgMCAwIDEtNS4xNzUtMi4xNDNsLTM0LjE0Ni0zNC4xNDRhNy4zMTUgNy4zMTUgMCAwIDEgNS4xNzgtMTIuNDc3IDcuMzIgNy4zMiAwIDAgMSA1LjE3IDIuMTI5bDI4Ljk3MyAyOC45NyA2My4xMTgtNjMuMTE1YTcuMzE2IDcuMzE2IDAgMCAxIDEwLjM0NyAxMC4zNDdMODguMTYgMTUxLjJhNy4yODggNy4yODggMCAwIDEtNS4xNzMgMi4xNDN6IiBmaWxsPSIjRkNDNzJCIi8+PHBhdGggZD0iTTgyLjk1NyAxNTMuMzQzYTcuMjk2IDcuMjk2IDAgMCAwIDUuMTc1LTIuMTQzbDM0LjE0Ni0zNC4xNDRhNy4zMTMgNy4zMTMgMCAwIDAtLjAxNC0xMC4zMzMgNy4zMiA3LjMyIDAgMCAwLTEwLjMzNC0uMDE1bC0yOC45NzMgMjguOTdMMTkuODQgNzIuNTYzQTcuMzE3IDcuMzE3IDAgMCAwIDkuNDkgODIuOTFsNjguMjkzIDY4LjI5YTcuMjkgNy4yOSAwIDAgMCA1LjE3MyAyLjE0M3oiIGZpbGw9IiNGQ0M3MkIiIGZpbGwtb3BhY2l0eT0iLjUiLz48L3N2Zz4=)](https://vitest.dev)

[![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=flat&logo=typescript&logoColor=white)](https://typescriptlang.org)

[![React](https://img.shields.io/badge/React-20232A?style=flat&logo=react&logoColor=61DAFB)](https://reactjs.org)

[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=flat&logo=tailwind-css&logoColor=white)](https://tailwindcss.com)

[![Twind](https://img.shields.io/badge/Twind-3b9188?style=flat&logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzYuOTkgMTYzLjQiIGNsYXNzPSIjMW4xc3Q4OSAjcGszY2Q3IiBhcmlhLWhpZGRlbj0idHJ1ZSI+PGNpcmNsZSBmaWxsPSIjZjVmNWY1IiBjeD0iOTUuMzEiIGN5PSI4MS42NyIgcj0iODEuNjciLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI2IiBkPSJNMTM5Ljc1IDMzLjQ4VjE2MC40Ii8+PGcgc3Ryb2tlPSIjMDAwIj48cGF0aCBmaWxsPSIjODBjYmM0IiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTIuNTcgODguOTJMOTEuNSAzNi44M3MxMy4zIDkuNzQgMTkuNiAyNS4xNGE3My4yMSA3My4yMSAwIDAgMSA1LjE3IDMwbC05Ny4yMSAzNC41OXMtMTAuNzctNy45My0xNC0xNS40My0yLjQ5LTIyLjIxLTIuNDktMjIuMjF6Ii8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNMTE0LjM2IDc3LjE1bDI2LjA2LTMyLjM5TTEwMi42MyA0Ny40NWwzNy45NC0yLjAxIi8+PHBhdGggc3Ryb2tlLXdpZHRoPSI0IiBmaWxsPSIjZWU5OTljIiBkPSJNNDYuMjMgMTE2Ljc2bC0xOC44LTQyLjM5IDE0LTguMjkgMTkuMTIgNDUuMjZ6Ii8+PHBhdGggc3Ryb2tlLXdpZHRoPSI0IiBmaWxsPSIjZWU5OTljIiBkPSJNNjEuMjcgMTExLjc2TDQxLjQzIDY3LjAybDE0LjgtOC43NSAyMC4yIDQ3Ljc3eiIvPjwvZz48L3N2Zz4=&logoColor=white)](https://twind.style)

[![GitHub](https://img.shields.io/badge/GitHub-100000?style=flat&logo=github&logoColor=white)](https://github.com)

[![GitHub deployments](https://img.shields.io/github/deployments/huijiewei/agile-ui/production?label=vercel&logo=vercel)](https://agile-ui.vercel.app)

[![GitHub license](https://img.shields.io/github/license/huijiewei/agile-ui)](https://github.com/huijiewei/agile-ui)

[![GitHub issues](https://img.shields.io/github/issues/huijiewei/agile-ui)](https://GitHub.com/huijiewei/agile-ui/issues)



## 特点

- React 18 - 用于构建用户界面的 JavaScript 库。

- Tailwind CSS 3 - 一个功能类优先的 CSS 框架，用于快速构建定制的用户界面。

- Twind - 小、快、完整的 tailwind-in-js 解决方案。

- Typescript - TypeScript 是具有类型语法的 JavaScript。

- Vite - 下一代的前端工具链，为开发提供极速响应。

- Vitest - 由 Vite 提供支持的极速单元测试框架。

- ESLint - ESLint 静态分析你的代码以快速发现问题。

- Prettier - 一个“有态度”的代码格式化工具。

- Husky & Lint Staged - 在提交暂存文件之前，运行脚本。

## 文档

https://agile-ui.vercel.app

## 本地运行

```shell

npm install

npm run website:dev

```

> 正在开发中, 目前仅供参考学习