Skip to content

◇ On your device

CSS box-shadow generator

Generate a validated CSS box-shadow declaration from offsets, blur, spread, color and opacity.

How it works

Enter offsets, blur, spread, color and opacity.
Run the generator.
Copy the box-shadow declaration and visually verify it in context.

Related tools

CSS gradient generator

Generate a validated linear-gradient CSS declaration from an angle and 2–8 hex colors.

Nginx Configuration Inspector

Nginx Configuration Inspector. Offline bounded structural analysis only; no runtime execution or external network validation.

Image Base64 Converter

Encode one PNG, JPEG, GIF or WebP image as a MIME-qualified Base64 data URL locally.