Dev Design LibrarySvelte Image Effect Components
Dev Design Library indexes 33 Svelte image effect components from 2 open-source UI libraries, with the most coming from Canvas UI and Animations (Svelte). Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets Svelte. Image effect components belong to the Effects group.
Ascii SweepCanvas UI · ReactAn ascii band that rewrites the whole page as it sweeps.
Dither ShaderAnimations (Svelte) · SvelteA canvas-based component that applies dithering effects to images with customizable patterns and color modes.
AsciifyCanvas UI · ReactAn ascii lens that follows your cursor.
Pixel ImageAnimations (Svelte) · SvelteAn image component that reveals itself through a pixelated grid animation with optional grayscale to color transition.
BendCanvas UI · ReactHow strongly unrevealed content smears around the reveal edge in CSS pixels.
Fancy Pixelate Svg FilterAnimations (Svelte) · Svelte
BlazeCanvas UI · ReactFire, smoke, and heat rising over the page.- BacklightAnimations (Svelte) · SvelteAn SVG filter wrapper that adds a soft, saturated backlight glow around the content it wraps.
BubbleCanvas UI · ReactA glassy droplet trailing the cursor.
CanvasCanvas UI · ReactThe page painted onto canvas, with a brush for a cursor.
ClothCanvas UI · ReactHangs the page on rippling fabric.
CloudsCanvas UI · ReactTheme-aware mist parted by cursor wind.
Decrypt RevealCanvas UI · ReactUI encrypted into ASCII, decoded by the cursor.
DisplacementCanvas UI · ReactGrid cells shearing the page apart under the cursor.
DropletsCanvas UI · ReactRain droplets refracting the page.
Flame WrapCanvas UI · ReactA card wrapped in a border of fire.
Force FieldCanvas UI · ReactAn energy shield where clicks detonate shockwaves.
FrostCanvas UI · ReactFrosted blur of the page inside the droplet (0 to 1).
GlassCanvas UI · ReactA crystal-ball lens that zooms on targets.
GlitchCanvas UI · ReactBroadcast glitch bursts over the live page.
Glyph RainCanvas UI · ReactFalling glyphs that light up the page, and surge under the cursor.
GridCanvas UI · ReactCells across the width of the wrapped area.
Hex FloatCanvas UI · ReactThe page on shiny floating hex tiles.
LaserCanvas UI · ReactA beam that reveals the page on scroll.
LiquidCanvas UI · ReactA pointer-driven fluid simulation over live HTML.
MagnifyCanvas UI · ReactA sci-fi scanner lens with click ripples.
Particle RevealCanvas UI · ReactUI revealed from fine particles by the cursor.
Particle ScrollCanvas UI · ReactThe page dissolves into sand below a line.
PeelCanvas UI · ReactPeels the page back from an edge in 3D.
Retro DitherCanvas UI · ReactA retro dithered pass over the live page.
RippleCanvas UI · ReactWater ripples from every click over live HTML.
ShatterCanvas UI · ReactShatters the page into glass shards.
VhsCanvas UI · ReactAnalog tape artifacts over the live page.