# shadcnui-boilerplate

**Repository Path**: itsforkgithub/shadcnui-boilerplate

## Basic Information

- **Project Name**: shadcnui-boilerplate
- **Description**: https://github.com/TinsFox/shadcnui-boilerplate


- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-26
- **Last Updated**: 2025-10-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">

<a href="https://github.com/TinsFox/poketto-stack">
  <img src="https://poketto-stack.pages.dev/index.png" alt="Cover image" width="700px">
  <h3 align="center">shadcn/ui boilerplate</h3>
</a>


<p align="center">
  <a href="README.md">English</a> | <a href="README-zh_CN.md">中文</a>
</p>
</p>


## 关于这个项目

一个现代化的、可扩展的样板项目，用于使用 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 组件。
- [**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://poketto-stack.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` 的全栈项目模板。

以及许多其他开源项目。