FOUNDATIONS

Shadows & Effects

The depth and effect foundation of Create UI. Named styles for shadows, component elevation, focus rings, blurs, and text shadows, all calibrated for light and dark mode and applied without manual values.

Last Update:
JUN 01, 2026
Shadows & Effects
Ayla Karagöz
Diego Fernández
Dimitri Volkov
Erik Lindqvist
Fatou Diallo
Haruki Mori
Jae Park

Loved by 2,000+ users worldwide.

Overview

The Shadows & Effects system covers every kind of depth and emphasis in Create UI: elevation shadows, component shadows, focus rings, blurs, and text shadows. Each is a named style with calibrated light and dark variants, so you apply realistic depth from the right panel without touching manual values.

Figma Preview

Preview in Figma

When should you use them?

Use shadows and effects to communicate elevation, focus, and emphasis. Lift surfaces with elevation shadows, reinforce interactive elements with component shadows, signal keyboard focus with focus rings, soften overlays with blurs, and keep headlines readable on imagery with text shadows.

How should you use them?

  • Use named elevation shadows (8 sizes, from a 1px lift to 35px layered depth) instead of manual values.
  • Apply component shadows to buttons, inputs, and cards, with variants for Default, Hover, and Focused states.
  • Add focus rings to interactive components for visible keyboard focus and accessibility.
  • Choose Uniform blur for consistent softness, Progressive blur for directional depth on overlays.
  • Pick the matching Light or Dark variant so depth stays legible on every background.
FAQ

Questions,
answered clearly.

Plans, pricing, licensing, updates, and technical questions, all answered in one place.

Still have questions?

Visit ourHelp Centerfor detailed guidance, orGet in Touchwith our team
Çağla
Hakan
Batuhan
Atakan
Çağatay
for product,licensing ortechnical questions.

Your current plan is a one-time payment, no subscriptions, no recurring charges for what you buy today. Some future Create UI products (such as AI-powered features) may be offered as optional add-on subscriptions, but these are entirely separate and will never affect your existing purchase. What you buy now, you own permanently.

Start with Create UI

Stop deciding. Start shipping.

Install it today and your next screen takes an hour instead of a day. Keep rebuilding from scratch, and next quarter looks exactly like this one.

Start Free Now. Upgrade whenever you need.

Create UI