Instructions

• Your task is to create a CSS Gradient Generator that allows users to create beautiful gradients and copy the CSS.
• The user should be able to:
  • Select colors for the gradient.
  • Adjust the rotation of the gradient.
  • Add new colors to the gradient.
  • Remove colors from the gradient.
  • Adjust the opacity of the gradient.
  • Adjust the angle of the gradient.
  • Choose the gradient type (e.g., linear, radial).
  • Copy the generated CSS.
  • Download the gradient as an image.

Hints

• Ensure the preview of the gradient updates in real-time.
• The color picker should support a wide range of colors, including transparency.
• Clicking on the point on the gradient slider selects it and allows you to change its color/opacity.
• Clicking on the gradient slider adds a new color point to the gradient.

Bonus

• Add the ability to save gradient presets.
• Allow users to share the gradient link with others. (Store the gradient data in the URL, not in eg. state in React)