docs >templates
Available Templates
React
A modern React + TypeScript template with two variants, providing a solid foundation for scalable applications.
Variants
- Backbone: Minimal UI codebase with essential setup and clean examples. Ideal for starting from scratch with best practices in place.
- Colorful: Includes beautiful UI examples and pre-built components for a polished, ready-to-use look.
Key Features
- TypeScript for type safety
- TailwindCSS for utility-first styling
- Shadcn UI component library
- Axios for API integration
- TanStack Query for data fetching and caching
- React Router for navigation
- i18next for internationalization
- Pre-configured ESLint & Prettier
- Vite for fast development
Vue
A robust Vue 3 + TypeScript template with best practices for modern web apps.
Key Features
- Vue 3 with Composition API
- TypeScript for type safety
- TailwindCSS for styling
- Pinia for state management
- Axios for API integration
- TanStack Query for advanced data handling
- Vue Router for navigation
- Vue I18n for localization
- Pre-configured ESLint & Prettier
- Vite for fast development
What’s Included in Every Template?
- Modern, scalable project structure
- Full TypeScript support
- Built-in routing and navigation
- Internationalization setup
- API integration example with Axios
- Data fetching and caching with TanStack Query
- Reusable component examples and layout setup
- Responsive design with TailwindCSS
- Development tools: ESLint, Prettier, etc.
- Vite as the build tool
Typical Project Structure
All templates follow a similar, best-practice structure:
src/
├── api/ # API integration and services
├── assets/ # Static assets and global styles
├── components/ # Reusable UI components
├── config/ # Application configuration
├── layouts/ # Layout components
├── lib/ # Utility functions and helpers
├── locales/ # Translation files
├── modules/ # Feature-based modules
├── router/ # Routing configuration
└── stores/ # State management (Pinia for Vue)