Wed, Jun 15, 2022

New Gradient & Drop Shadow: UI Upgrades in PandaSuite Studio

New Gradient & Drop Shadow: UI Upgrades in PandaSuite Studio

New design features have been added to PandaSuite Studio: Gradients and Shadows. Create engaging interfaces and gain productivity by creating nice shadows and gradients directly from PandaSuite Studio without needing another software.

Gradients for more dynamism

Gradient is a major trend in web design. Inspired by iOS, these color transitions bring depth, dynamism and modernity to your interfaces.

 
Examples of gradients,
Examples of gradients, CoolHue 2.0

You can now create gradients for every shape and state (of screens, foreground, background or multi-state component). Create a linear gradient or a radial gradient with multiple options (angle, size, opacity etc...) and add two or more color stops.

Linear versus radial gradient
Linear versus radial gradient

You can also animate your gradients to create dynamic backgrounds or add effects to a button.

Drop shadow for more relief

Drop shadows are also regularly used in user interface design to add depth and dimension. The shadow is dropped, meaning that it is external and offset from the object.

You can create drop shadows on text, images, shapes, groups, the Scrolling Area and the Flexbox component. Set the shadow color, X and Y offset, blur level and distance from the object.

Add drop shadow in PandaSuite
Add drop shadow in PandaSuite

These features are compatible with the web app, iOS app, Android and Windows.

PandaSuite Studio is always adding more and more features to bring you more freedom and simplicity for app UI design.

Share this article

Get started today for free

No credit card is required, and there is no time limit. Discover our interactive no-code creation tool today and join over 50,000 users around the world.

PandaSuite Studio