← All extensions

Gradient & Shadow

CSS gradients and shadows with live preview, fully offline.

chromeedgebraveoperafirefox🔒 Zero telemetryVersion 1.0.0
Download the extension for ChromeDownload the extension for Firefox

Description

Build CSS gradients (linear, radial, conic) and multi-layer box-shadows straight from the popup. Add and reorder color stops with percentage positions, tune the angle, and stack as many shadow layers as you like with offset, blur, spread, color and inset. Live preview on a checkerboard backdrop and a ready-to-copy CSS rule in one click. Everything runs locally: no data leaves the browser, zero telemetry.

Features

  • Linear, radial and conic gradients
  • Unlimited color stops with % position
  • Angle control for linear and conic
  • Multi-layer box-shadow (X, Y, blur, spread, inset)
  • Live preview on a checkerboard backdrop
  • Ready-to-copy CSS rule in one click
  • 100% offline, zero telemetry

Privacy

100% local processing in your browser. Zero telemetry: no data is sent to external servers.

Required permissions

  • clipboardWrite

Screenshots

Gradient & Shadow

Supported browsers

chromeedgebraveoperafirefox