{"id":30955940,"url":"https://github.com/Trapar-waves/react-mantine-tailwind","last_synced_at":"2025-09-11T12:06:44.340Z","repository":{"id":285508597,"uuid":"958375025","full_name":"Trapar-waves/react-mantine-tailwind","owner":"Trapar-waves","description":"A React template integrating Mantine UI and Tailwind CSS for modern web development","archived":false,"fork":false,"pushed_at":"2025-09-09T01:45:28.000Z","size":1191,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-09T03:47:43.323Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Trapar-waves.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-04-01T05:11:28.000Z","updated_at":"2025-09-09T01:09:35.000Z","dependencies_parsed_at":"2025-04-17T01:54:12.672Z","dependency_job_id":"968415eb-db11-4b15-a50f-2dcdf1cb6a8f","html_url":"https://github.com/Trapar-waves/react-mantine-tailwind","commit_stats":null,"previous_names":["trapar-waves/react-mantine-tailwind"],"tags_count":26,"template":false,"template_full_name":null,"purl":"pkg:github/Trapar-waves/react-mantine-tailwind","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trapar-waves%2Freact-mantine-tailwind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trapar-waves%2Freact-mantine-tailwind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trapar-waves%2Freact-mantine-tailwind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trapar-waves%2Freact-mantine-tailwind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Trapar-waves","download_url":"https://codeload.github.com/Trapar-waves/react-mantine-tailwind/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trapar-waves%2Freact-mantine-tailwind/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274632588,"owners_count":25321251,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-11T02:00:13.660Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-09-11T12:02:30.253Z","updated_at":"2025-09-11T12:06:44.332Z","avatar_url":"https://github.com/Trapar-waves.png","language":"TypeScript","funding_links":[],"categories":["Starter"],"sub_categories":["Rsbuild Starter"],"readme":"# @trapar-waves/react-mantine-tailwind\n\n![npm version](https://img.shields.io/npm/v/@trapar-waves/react-mantine-tailwind)\n![npm dm](https://img.shields.io/npm/dm/@trapar-waves/react-mantine-tailwind)\n![License](https://img.shields.io/github/license/Trapar-waves/react-mantine-tailwind)\n![GitHub last commit](https://img.shields.io/github/last-commit/Trapar-waves/react-mantine-tailwind)\n![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/Trapar-waves/react-mantine-tailwind/release.yml)\n![Renovate](https://img.shields.io/badge/renovate-enabled-blue)\n\n---\n\n[中文](./readme/README-CN.md) | [日本語](./readme/README-JP.md) | [Русский язык](./readme/README-RU.md)\n\n\u003e A React template integrating Mantine UI and Tailwind CSS for modern web development.\n\n## ✨ Features\n\n- **Modern UI Framework:** Built using React (v19) for a component-driven, declarative interface.\n- **Rich Component Library:** Integrates with Mantine UI (`@mantine/core` and `@mantine/hooks`) providing pre-built UI elements and utility hooks.\n- **Utility-First Styling:** Employs Tailwind CSS along with `@tailwindcss/postcss`, enabling flexible and rapid styling while maintaining consistency.\n- **PostCSS Integration:** Leverages PostCSS plugins like `postcss-import`, `autoprefixer`, and `postcss-simple-vars` for advanced CSS processing.\n- **Type Safety:** Utilizes TypeScript (v5.9.x) to enhance code reliability and provide robust type checking during development.\n- **Fast Development Workflow:** Uses Rsbuild (`@rsbuild/core` and `@rsbuild/plugin-react`) for optimized builds and efficient development server performance.\n- **Icon Support:** Includes `@iconify/json` and `@iconify/tailwind` for scalable and customizable iconography.\n- **Consistent Design Language:** Combines `postcss-preset-mantine` and `tailwind-preset-mantine` for seamless integration between Mantine and Tailwind styles.\n- **Focus on Code Quality:** Includes ESLint with `@antfu/eslint-config` for linting and enforcing best practices in the codebase.\n- **Git Hooks:** Integrated with Husky and `lint-staged` for automated code quality checks on commit.\n- **Automated Releases:** Utilizes GitHub Actions for automated releases and changelog generation.\n\n## 💻 Tech Stack\n\n- **Framework/Library:** React (v19)\n- **UI Toolkit/Styling:** Mantine UI (`@mantine/core`), Tailwind CSS (`tailwindcss`)\n- **Build Tool:** Rsbuild (`@rsbuild/core`)\n- **Language:** TypeScript (v5.9.x)\n- **CSS Processing:** PostCSS with plugins like `autoprefixer` and `postcss-simple-vars`\n- **Linting:** ESLint with `@antfu/eslint-config`\n- **State Management:** Zustand\n- **Routing:** Tanstack Router\n- **Data Fetching:** Tanstack Query (React Query)\n- **Table Component:** Tanstack Table\n\nSee the [package.json](./package.json) for a full list of dependencies.\n\n## 🚀 Getting Started\n\nFollow these instructions to get the project running locally.\n\n### Prerequisites\n\nEnsure you have the following installed:\n\n- Node.js (\u003e= 18.x recommended)\n- Package manager (npm, yarn, or pnpm)\n\n```bash\nnode -v\nnpm -v\n```\n\n### Installation\n\nRun script\n\n```bash\npnpm create trapar-waves\n```\n\nInstall dependencies\n\n```bash\nnpm install\nyarn install\npnpm install\n```\n\n### Development\n\nStart the development server:\n\n```bash\nnpm run dev\nyarn dev\npnpm dev\n```\n\n### Build\n\nBuild the project for production:\n\n```bash\nnpm run build\nyarn build\npnpm build\n```\n\n### Preview\n\nPreview the production build locally:\n\n```bash\nnpm run preview\nyarn preview\npnpm preview\n```\n\n### Linting\n\nLint the codebase:\n\n```bash\nnpm run lint\nyarn lint\npnpm lint\n```\n\n## 🤝 Contributing\n\nContributions are welcome and greatly appreciated! Please follow these steps to contribute:\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\nPlease ensure your code adheres to the project's linting rules and passes all checks before submitting a PR.\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.\n\n## 👤 Author\n\n- **Rikka:** (admin@rikka.cc)\n- **GitHub Profile:** [Muromi-Rikka](https://github.com/Muromi-Rikka)\n\n## 🔗 Links\n\n- **Repository:** [https://github.com/Trapar-waves/react-mantine-tailwind](https://github.com/Trapar-waves/react-mantine-tailwind)\n- **Homepage:** [https://github.com/Trapar-waves/react-mantine-tailwind](https://github.com/Trapar-waves/react-mantine-tailwind)\n- **Issues:** [https://github.com/Trapar-waves/react-mantine-tailwind/issues](https://github.com/Trapar-waves/react-mantine-tailwind/issues)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTrapar-waves%2Freact-mantine-tailwind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FTrapar-waves%2Freact-mantine-tailwind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTrapar-waves%2Freact-mantine-tailwind/lists"}