feat: add Random Gradient Generator tool #2002
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
✅ Deploy Preview for frontendprojects ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🛠️ Issue (1986)
Closes #1986
# Description
Summary
This PR introduces a new feature: the Random Gradient Generator, which addresses and closes issue #1986. The Random Gradient Generator is a tool designed to help users quickly generate and integrate vibrant background gradients into their web projects. It provides an intuitive interface for generating random gradients, previewing them, and copying the corresponding CSS code for easy integration.
Details
The main features of this tool include:
Generate Gradient: Users can click the "Generate Gradient" button to create a new random gradient.
Preview Gradient: The generated gradient is displayed in a preview box, allowing users to see the gradient in real-time.
Copy Gradient Code: Users can copy the generated gradient CSS code to their clipboard by clicking the "Copy" button.
Please include a summary of the change. Please also include relevant motivation and context. List any dependencies that are required for this change.
New feature (non-breaking change which adds functionality)
Breaking change (fix or feature that would cause existing functionality to not work as expected)
[x ] This change requires a documentation update
I have made this from my own
I have taken help from some online resourses
My code follows the style guidelines of this project
I have performed a self-review of my own code
I have commented my code, particularly in hard-to-understand areas
I have made corresponding changes to the documentation
My changes generate no new warnings
[ x] The title of my pull request is a short description of the requested changes.
Screenshots: