Vignette & frame · Rounded frame

A vignette with a shape, from a soft ellipse to a rounded rectangle, and a frame with a width, a corner radius and a colour, drawn over the composite.

Open in studio

Settings

What this style sets on Vignette & frame. Highlighted values differ from the default.

Vignette#000000
Frame#ffffff
Vignette0.2
Softness0.6
Roundness1
Frame width3
Corner radius8

Ship it

Open it in the studio, tune it, then export a self-contained component for React, Vue, Svelte, Astro, Solid or vanilla JS, a PNG, GIF or video. Code export and 4K media are Pro.

Open in studio

More Vignette & frame styles