Summer Sale
Lifetime 50% discount on all plans
Use code
SUMMER50
Ycode logotype
Features
Layout & Design

Experience full design control to craft professional websites.

CMS

Organize your content your way for maximum impact.

Forms

Build contact, newsletter, and filter forms effortlessly.

SEO

Boost your website's SEO with optimized controls.

Interactions

Add some spark to your website with interactions.

Localization

Translate your website into multiple languages.

Resources
Templates

Customize any template to fit your style and needs.

Integrations

Connect Ycode with your favorite tools.

Customer stories

Explore how others create amazing sites using Ycode.

Academy

Start learning Ycode for free. Get answers to your questions.

Experts

Find experts to help with your website project.

Blog

No-code insights to help you build and design better projects.

Support
Help Center

Find step-by-step guides and answers in our knowledge base.

Contact

Contact us for urgent help.

Community

Connect and learn from others.

Pricing Partners
Log in Sign up
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!

Ycode logotype

Visual development platform for designers and agencies.

Features Design CMS Forms SEO Animations Localization
Product Updates Pricing Templates Integrations Roadmap Developer API
Company About us Services Blog Contact Brand resources
Learn Help Center Academy Community Customer stories
Partner Experts Partner program Become a Ycode expert
Compare Ycode vs. Webflow Ycode vs. Framer Ycode vs. Squarespace
Let’s keep in touch

Join our monthly email with no-code insights and Ycode updates.

Done!

Thank you for subscribing.


2019 - 2025 © Ycode. All rights reserved.
Terms & Policies Cookies settings