Foundations
Effects
Explore visual effects like filters and backdrops to enhance depth and style effortlessly
Demos
Filter
Normal
Grayscale
Invert
Sepia
Blur
Brightness
Contrast
Saturate
Hue Rotate
Background Blend
No Blend
bg-blend-multiply
bg-blend-screen
bg-blend-overlay
bg-blend-darken
bg-blend-lighten
bg-blend-color-dodge
bg-blend-color-burn
bg-blend-hard-light
bg-blend-soft-light
bg-blend-difference
bg-blend-exclusion
bg-blend-hue
bg-blend-saturation
bg-blend-color
bg-blend-luminosity
Overlay Filter
opacity-30
backdrop-blur-md
backdrop-brightness-125
backdrop-contrast-200
backdrop-grayscale
backdrop-hue-rotate-90
backdrop-invert
backdrop-saturate-200
backdrop-sepia