Updates
Gradients

Gradients

May 6, 2024

Gradients can significantly enhance your designs by adding depth and a new dimension, increasing their aesthetic appeal, and making them look more real. Whether you prefer a subtle, flat look or a bold, two-tone effect, gradients are a major trend in modern interface design.

Now, you can create stunning gradients directly in Ycode without relying on third-party tools or manual coding. The gradients you design in Ycode are created using Tailwind CSS, so if you decide to export the code and use it elsewhere, it will work seamlessly.

In this update, we’ve introduced two types of gradients for you to experiment with:

  • Linear Gradients: Perfect for creating a smooth transition in a straight line, ideal for giving your designs a sleek and modern look.

  • Radial Gradients: These create a circular transition that radiates from a central point, making them great for adding a focal point to your design and making elements stand out.

The best part? You can craft both linear and radial gradients with an unlimited array of color stops. This gives you complete creative freedom to elevate your designs and make them truly unique.

We can’t wait to see how you’ll use these new gradients in your projects. Dive in, experiment, and let your creativity flow!