Mithesh-B / Gradart

A CSS gradient generator

Home Page:https://mithesh-b.github.io/Gradart/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GradArt

GradArt is a CSS color gradient generator built using vanilla JavaScript, HTML, CSS, Coloris, and Prism. It provides users with a simple and intuitive interface for creating stunning color gradients for their web projects. With GradArt, you can easily pick and choose from a variety of colors to create your own custom gradients with just a few clicks.

project image

Table of Contents

  • Features
  • Installation
  • Usage
  • Contribution
  • Support
  • License
  • Copyright

Features

  1. Vanilla JavaScript, HTML, and CSS for a lightweight and fast user experience.
  2. Coloris color picker for easy color selection and customization.
  3. Prism for syntax highlighting to make your gradient code easy to read and integrate into your projects.
  4. Live preview of your gradient as you create it.
  5. You get to choose from 9 different gradient angles and 2 color gradient options.
  6. There is a gradient randomizer which can help you in creating gradients.
  7. Generates CSS code ready to be copied and pasted into your project.

Installation

You can use GradArt directly from the live preview. No installation is required.

Usage

  • Select your colors using the Coloris color picker or use randomizer.
  • Adjust the angle and direction of your gradient as desired.
  • Copy the generated CSS code and paste it into your project CSS file.

Contribution

If you would like to contribute to the development of GradArt, please feel free to submit pull requests or report bugs through the project's GitHub page.

Support

For any questions or issues with GradArt, please use the GitHub page to open an issue.

License

GradArt uses the GNU General Public License v3.0. The Coloris and Prism libraries are licensed under MIT. For more information on Coloris and Prism, visit the official NPM pages for Coloris and Prism.

Copyright

Copyright © Mithesh. All rights reserved.

About

A CSS gradient generator

https://mithesh-b.github.io/Gradart/

License:GNU General Public License v3.0


Languages

Language:JavaScript 97.4%Language:CSS 1.9%Language:HTML 0.7%