Skip to content

A simple app to create a gradients css styles for different html elements

Notifications You must be signed in to change notification settings

ITSawa/Gradient_generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A simple app to create a gradients css styles for different html elements

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published