https://github.com/Trapar-waves/vue-tailwind
A Vue 3 project template integrated with Tailwind CSS for rapid frontend development
https://github.com/Trapar-waves/vue-tailwind
Last synced: 3 months ago
JSON representation
A Vue 3 project template integrated with Tailwind CSS for rapid frontend development
- Host: GitHub
- URL: https://github.com/Trapar-waves/vue-tailwind
- Owner: Trapar-waves
- License: mit
- Created: 2025-05-09T10:16:24.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2025-07-23T01:33:54.000Z (4 months ago)
- Last Synced: 2025-07-23T03:06:53.380Z (4 months ago)
- Language: JavaScript
- Homepage:
- Size: 557 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-rstack - @trapar-waves/vue-tailwind
README
# @trapar-waves/vue-tailwind
---
[中文](/readme/README-CN.md) | [日本語](/readme/README-JP.md) | [Русский язык](/readme/README-RU.md)
> A Vue 3 project with Tailwind CSS and modern development tools.
## ✨ Features
- **Modern UI Framework:** Built using Vue 3 for a component-driven interface.
- **Utility-First Styling:** Employs Tailwind CSS for flexible and rapid styling.
- **Type Safety:** Leverages TypeScript to improve code quality and reduce runtime errors.
- **Fast Development Workflow:** Utilizes Rsbuild for optimized builds and quick server starts.
- **Reactive State Management:** Includes `@vueuse/core` for utilities that enhance reactivity and composition in Vue applications.
- **Customizable Icons:** Integrates Iconify for scalable and customizable icon support.
- **Code Quality Focus:** Includes ESLint and Antfu's ESLint configuration, ensuring consistent code style and reliability.
- **PostCSS Integration:** Uses `@tailwindcss/postcss` for seamless integration of Tailwind CSS with PostCSS.
## 💻 Tech Stack
- **Framework/Library:** Vue 3
- **UI Toolkit/Styling:** Tailwind CSS
- **State Management:** Reactive utilities via `@vueuse/core`
- **Build Tool:** Rsbuild
- **Language:** TypeScript
- **Linting:** ESLint with Antfu's configuration
- **Icons:** Iconify for scalable and customizable icons
See the [package.json](package.json) for a full list of dependencies.
## 🚀 Getting Started
Follow these instructions to get the project running locally.
### Prerequisites
Ensure you have the following installed:
- Node.js (>= 18.x recommended)
- Package manager (npm, yarn, or pnpm)
```bash
node -v
npm -v
```
### Installation
Run script
```bash
pnpm create trapar-waves
```
Install dependencies
```bash
npm install
yarn install
pnpm install
```
## 🤝 Contributing
Contributions are welcome and greatly appreciated! Please follow these steps to contribute:
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request
## 👤 Author
- **Rikka:** (admin@rikka.cc)
- **GitHub Profile:** [Muromi-Rikka](https://github.com/Muromi-Rikka)
## 🔗 Links
- **Repository:** [https://github.com/Trapar-waves/vue-tailwind](https://github.com/Trapar-waves/vue-tailwind)
- **Homepage:** [https://github.com/Trapar-waves/vue-tailwind](https://github.com/Trapar-waves/vue-tailwind)
- **Issues:** [https://github.com/Trapar-waves/vue-tailwind/issues](https://github.com/Trapar-waves/vue-tailwind/issues)