JyotsnaGuntha / Gradient-Generator Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

The Gradient Generator is a visually interactive React application that allows users to create and preview linear CSS gradients in real-time by selecting direction and colors.

jyogradinova.ccbp.tech/

0 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
public		public
src		src
.eslintignore		.eslintignore
.eslintrc		.eslintrc
.gitattributes		.gitattributes
.gitignore		.gitignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc		.prettierrc
README.md		README.md
craco.config.js		craco.config.js
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml

Repository files navigation

🎨 Gradient Generator

Refer to the image below:

gradient-generator

Set Up Instructions

Download dependencies by running npm install
Start up the app using npm start

🌈 Features

Pick gradient direction from a list
Choose two colors via color pickers
Instantly see the background update
Generate button to apply selected styles
Fully responsive design and custom-styled components

About

The Gradient Generator is a visually interactive React application that allows users to create and preview linear CSS gradients in real-time by selecting direction and colors.

jyogradinova.ccbp.tech/

reactjs colorpicker styledcomponents gradientgenerator

Report repository

Releases

No releases published

Packages

No packages published

Languages