Skip to content

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