Progressive blur

Included variants

• Bottom-edge blur
• Blur strength
• Optional surface tint

In Ciele

Use the workspace imports shown above inside Ciele. App components use the shared Tailwind tokens in globals.css. For another project, adapt the imports and bring the dependencies listed in the source.

This decorative layer is fixed to the bottom of the viewport. Keep it outside transformed or filtered ancestors; it fades as its scroll container reaches the bottom.