Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 18 days ago
JSON representation

React + Typescript + Tailwindcss

Awesome Lists containing this project

README

        


React + TypeScript + Twind UI Components.


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
```

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