The goal is to have several examples and demos to combine the best Tailwind-related ecosystem such as Tailwind CSS v3, Headless UI, Radix UI, Reach UI, Vechai UI, and more. We also encourage the accessibility guidelines. So keep in mind this is not intended towards simplicity, rather to collect as much as design practices as it can. Focusing more on the styling only instead of the integration with backend, database, and testing.
⚠️ The repo is ongoing active development so thing might quickly change at the moment.
Remix as the web framework
React as the UI library
TypeScript as the programming language
Tailwind CSS using Vechai UI as the base components
Multiple themes switcher and persist theme with a session cookie
Commonly used pages/routes with contents
Ready to use components that highly customizable
Form submission with either Remix Form or React Hook Form
Data fetching with REST API or GraphQL
Nested routes use cases
Only focus on the frontend styling and project structure, without particular in testing and database
- Just a bit of backend integration through Remix loader
- For the full stack integration with database and testing, check out the official Remix Stacks instead: https://remix.run/stacks
Designed for large-scale and long term development
⚠ Make sure to not using React v18 yet as there's an issue with Tailwind CSS and Vechai UI.
Click Use this template button.
git clone https://github.com/mhaidarhanif/rewinds rewinds-project npx degit https://github.com/mhaidarhanif/rewinds rewinds-project