Svelte Animations
Command Palette
Search for a command to run

Pixelate Svg Filter

A filter component that applies a pixelation effect with an SVG filter. Safari is not supported.

filter will be applied here

Installation

pnpm dlx shadcn-svelte@latest add http://sveltekit-prerender/f/pixelate-svg-filter.json

Examples

Video Pixelate Demo

First layer: Normal pixelation effectSecond layer: Fallback with full-width tilingThird layer: Fallback with full-height tiling

Image Pixelate Demo

16px
First layer: Normal pixelation effectSecond layer: Fallback with full-width tilingThird layer: Fallback with full-height tiling Svelte Logo
Credits: Pinterest