Dev Design Library

Progressive Blur

A component that creates a progressive blur effect at the top, bottom, or both edges of a container with customizable blur levels and positioning.

Progressive Blur preview
Library
Animations (Svelte)
Framework
Svelte
Type
block
License
MIT
Install
pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/progressive-blur.json
Files
  • src/lib/components/magic/progressive-blur/progressive-blur.svelte
  • src/lib/components/magic/progressive-blur/index.ts
  • src/lib/utils.ts
Source
https://github.com/SikandarJODD/animations

Categories

More from Animations (Svelte)