Project Overview
Project Structure
The installer creates a well-organized project structure:
- Configures TailwindCSS with a custom configuration.
- Sets up a global CSS file with design tokens for light and dark modes.
- Creates reusable components like Layout and Sidebar (if selected).
- Implements ThemeProvider for dark mode functionality (if selected).
- Adds a sample form component (if selected).
Features
- Multiple Framework Support: Choose between React, Vue, and Svelte.
- Language Options: Set up your project with JavaScript or TypeScript.
- TailwindCSS Integration: Automatically installs and configures TailwindCSS.
- UI Component Libraries: Option to include shadcn/ui components (for React projects).
- Icon Sets: Choose from Lucide, Font Awesome, or Heroicons.
- Additional Features: Dark Mode, Responsive Sidebar, Sample Form & Animations
- Popular Package Integration: Easily add packages like React Router, Axios, Redux Toolkit, React Query, Framer Motion, and React Hook Form.
Rewrap