https://github.com/tinsfox/shadcnui-boilerplate

A boilerplate built with shadcn/ui for rapid development of modern web applications.
https://github.com/tinsfox/shadcnui-boilerplate

admin boilerplate react shadcn-ui

Last synced: 4 days ago
JSON representation

A boilerplate built with shadcn/ui for rapid development of modern web applications.

• Host: GitHub
• URL: https://github.com/tinsfox/shadcnui-boilerplate
• Owner: TinsFox
• License: mit
• Created: 2023-10-26T12:48:10.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-08T03:02:37.000Z (26 days ago)
• Last Synced: 2024-12-22T11:05:09.411Z (12 days ago)
• Topics: admin, boilerplate, react, shadcn-ui
• Language: TypeScript
• Homepage: https://shadcnui-boilerplate.vercel.app
• Size: 8.82 MB
• Stars: 375
• Watchers: 1
• Forks: 34
• Open Issues: 4
• Metadata Files:
  • Readme: README-zh_CN.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        




  

  
shadcn/ui boilerplate






  English | 中文



## 关于这个项目

一个现代化的、可扩展的样板项目，用于使用 React、Tailwind CSS 和 Radix UI 构建美丽的、响应式的网络应用程序。

## 特性

- [**shadcn/ui**](https://github.com/shadcn-ui/ui)：提供一套可定制的 UI 组件，帮助快速构建具有一致设计模式的精美用户界面。

- [**Tailwind CSS**](https://tailwindcss.com)：实用优先的 CSS 框架，用于快速样式设计和响应式布局。

- [**Radix UI**](https://www.radix-ui.com/): 提供可访问的未样式组件，作为项目中自定义 UI 组件的构建块。

- [**React**](https://reactjs.org)：基于组件的架构，用于构建和渲染用户界面。

- [**TypeScript**](https://www.typescriptlang.org/): 为 JavaScript 添加静态类型，提高代码质量和开发体验。

- [**Vite**](https://vitejs.dev)：快速构建工具和开发服务器，提供优化构建以实现流畅的开发工作流。

- [**Storybook**](https://storybook.js.org/): 在隔离环境中开发和测试 UI 组件。

- [**ESLint**](https://eslint.org/): 通过 linting 进行代码质量保证。

  - [**Lint-staged**](https://github.com/okonet/lint-staged)：在提交时对暂存文件运行 linter。

  - [**simple-git-hooks**](https://github.com/toplenboren/simple-git-hooks)：在提交前自动执行任务，如 linting。

- [**React Hook Form**](https://react-hook-form.com)：通过最小化重新渲染简化表单处理。

- [**Zod**](https://github.com/colinhacks/zod)：用于表单数据的模式验证。

- [**Jotai**](https://github.com/pmndrs/jotai)：用于细粒度控制的原子状态管理。

- [**@tanstack/react-query**](https://tanstack.com/query/latest)：用于获取和缓存数据的服务器状态管理。

- [**Framer Motion**](https://www.framer.com/motion/): 提供动画和过渡效果以增强用户体验。

- [**Vitest**](https://vitest.dev)：用于单元测试的测试框架。

- [**i18next**](https://www.i18next.com) 和 [**react-i18next**](https://react.i18next.com)：本地化和翻译支持。

- [**MSW (Mock Service Worker)**](https://mswjs.io)：用于测试和开发的 API 请求模拟。

- [**Embla Carousel**](https://www.embla-carousel.com/): 轻量级轮播组件。

- [**Recharts**](https://recharts.org/): 交互式和可定制的图表。

- [**Lucide React**](https://lucide.dev/docs/lucide-react)：一致视觉提示的图标集合。

- [**React Markdown**](https://github.com/remarkjs/react-markdown)：在 React 组件中渲染 Markdown 内容。

- [**clsx**](https://github.com/lukeed/clsx)：条件类名管理。

- [**Date-fns**](https://date-fns.org/): 日期和时间操作。

- [**Tailwind CSS Animate**](https://github.com/tailwindlabs/tailwindcss-animate)：Tailwind CSS 的预定义动画类。

## 文档

访问 [文档](https://shadcnui-boilerplate.pages.dev) 获取详细使用说明。

## 贡献

请阅读 [贡献指南](/CONTRIBUTING.md) 以了解如何为本项目贡献。

## 许可证

根据 [MIT 许可证](./LICENSE) 授权。

## 赞赏

如果您觉得这个项目对您有帮助，欢迎给我们一个 star ⭐️

## 致谢

- [**shadcn/ui**](https://github.com/shadcn-ui/ui): 一套可定制的 UI 组件，用于构建具有一致设计模式的精美用户界面。

- [**Tailwind CSS**](https://tailwindcss.com): 实用优先的 CSS 框架，用于快速样式设计和响应式布局。

- [**Radix UI**](https://www.radix-ui.com/): 提供可访问的未样式组件，作为项目中自定义 UI 组件的构建块。

- [**Innei**](https://github.com/innei): [vite-react-tailwind-template](https://github.com/innei-template/vite-react-tailwind-template) 的作者。

- [**Epic Stack**](https://github.com/epicweb-dev/epic-stack), 基于 `Remix` 的全栈项目模板。

以及许多其他开源项目。