Back to Plugins
Halftone SVG - turn visuals into halftone vectors

Halftone SVG - turn visuals into halftone vectors

Turn any visual into a halftone dot-matrix SVG.

Plugin Preview

Halftone SVG - turn visuals into halftone vectors preview

About this plugin

Unlike raster effects baked into PNGs or JPGs, Halftone SVG generates real vector output. Every dot is a true SVG element. This means you can:- Animate with CSS. Fade, scale, stagger, or pulse individual dots using plain CSS animations and transitions- Scale infinitely. Vectors stay crisp at any resolution, from thumbnails to billboards- Style dynamically. Change dot colors, opacity, and transforms at runtime without re-exporting- Keep file sizes small. A few hundred SVG circles weigh far less than a high-res raster image with the same effectThe plugin gives you full control over the output: grid spacing, dot radius, alpha threshold, square or hexagonal grids, variable dot sizing based on brightness, and more. All with a live preview before you commit.

Plugin Details

Version2
CreatedApril 5, 2026
Last UpdatedApril 5, 2026
Categoryediting & effects plugins
Creatorfilip wojda
Stats46 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none