๐ 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.