🌈 Gradient Generator A simple web application for generating beautiful CSS gradients.
🚀 Getting Started Follow these steps to set up and run the project locally.
📋 Prerequisites Ensure you have Node.js and npm installed on your system.
📦 Installation Clone the repository:
git clone https://github.com/ITSawa/Gradient_generator.git Navigate to the project directory:
cd Gradient_generator Install dependencies:
npm install 🛠 Usage Development Mode To run the application in development mode, use:
npm run dev This will start the Vite development server. Open your browser and navigate to http://localhost:3000 to see the application in action.
Production Build To create a production build, use:
npm run build The build artifacts will be generated in the dist directory. You can serve these static files using any web server.
🔧 Additional Commands Linting:
npm run lint Formatting:
npm run format ✨ Features Gradient Types: Choose between linear and radial gradients. Element Selection: Apply gradients to either text or div elements. Custom Colors: Select custom colors for your gradient. Live Preview: See a live preview of your gradient. CSS Code Generation: Automatically generate the CSS code for your gradient. 🤝 Contributing Contributions are welcome! Please feel free to fork the repository and submit a pull request.
📜 License This project is licensed under the MIT License. See the LICENSE file for details.