https://github.com/heycalebszn/rewrap-
Install Vite + ReactJS with one command, save the stress and hassle of going back and forth TailwindCSS docs for every project.
https://github.com/heycalebszn/rewrap-
installer js jsx nodejs npm-package reactjs tailwindcss ts tsx vite
Last synced: about 2 months ago
JSON representation
Install Vite + ReactJS with one command, save the stress and hassle of going back and forth TailwindCSS docs for every project.
- Host: GitHub
- URL: https://github.com/heycalebszn/rewrap-
- Owner: heycalebszn
- Created: 2025-01-10T23:44:19.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-02-03T16:24:04.000Z (4 months ago)
- Last Synced: 2025-03-26T06:11:19.329Z (2 months ago)
- Topics: installer, js, jsx, nodejs, npm-package, reactjs, tailwindcss, ts, tsx, vite
- Language: JavaScript
- Homepage: https://rewrap.vercel.app/
- Size: 712 KB
- Stars: 13
- Watchers: 2
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rewrap Installer
Rewrap Installer is a powerful CLI tool that streamlines the process of setting up modern web development projects. It provides an interactive setup experience, allowing you to quickly configure a project with your preferred framework, language, and additional features.
## 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.
## Installation
Install your project using vite
```bash
npm create vite@latest
```
You can use Rewrap Installer with npx without installing it globally:
```bash
npx rewrapp
```
Or, if you prefer, you can install it globally:
```shellscript
npm i -g rewrap-vitejs-tailwind
```
Then run it using:
```shellscript
rewrapp
```
## Usage
1. First install react using vite then
2. Run the installer command.
3. Follow the interactive prompts to configure your project:
1. Choose between creating a new project or configuring an existing one.
2. Select your preferred framework (React, Vue, or Svelte).
3. Choose the language (JavaScript or TypeScript).
4. Opt for additional features and packages.
3. The installer will set up your project with the selected configuration.
## 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).
## Post-Installation
After the installation is complete, you can start your development server:
```shellscript
cd your-project-name
npm run dev
```
## Contributing
Contributions to Rewrap Installer are welcome! Please refer to the project's GitHub repository for contribution guidelines.
## License
[MIT License](LICENSE)
---
Happy coding with Rewrap Installer! 🚀
