This repository is an example of a monorepo that includes different templates for sample projects that include frontend, backend and shared projects and packages. The frontend projects use the same basic project structure and functionality but use different UI component libraries. The templates use some aspects of Bulletproof React.
These templates include a basic design for a simple web application with a generic header and main menu, responsive design and light/dark theme.
These are the tools and packages used by all the projects in this monorepo.
- PNPM - Package manager and monorepo workspace
- TypeScript - Strongly typed programming language that builds on JavaScript
- Biome - Linting and formatting
These are the packages commonly used by the React frontend projects.
- Vite - Build tool
- React
- React Router - Frontend routing
- clsx - Class name string construction
- Ky - API calls
- Lucide Icons - Icons
- React Hook Form - Form validation
- Zustand - State management
These are the different frontend projects. They are a combination of different UI and/or CSS libraries.
-
- Ark UI - Headless component libary by the creators of Chakra UI
- Vanilla Extract - Zero-runtime Stylesheets in TypeScript
-
- Base UI - Headless component libary by the creators of Radix and Material UI
- Vanilla Extract - Zero-runtime Stylesheets in TypeScript
-
- Mantine - Fully featured component library
-
- React Aria - Headless component libary by Adobe
- Open Props - CSS web design tokens
-
- React Aria - Headless component libary by Adobe
- UnoCSS - Atomic CSS engine
-
- Tailwind CSS - Utility-first CSS framework
- shadcn/ui - Components built with Tailwind and Radix UI
