Skip to content

component

Dot Matrix SVG

By Framer Lists

Details

Summary

DotMatrixSVG converts your icons and logos into a refined dot matrix that comes alive on hover.

Description

DotMatrixSVG converts your icons and logos into a refined dot matrix that comes alive on hover. Choose a focal point and the wave flows out, then collapses back for a subtle, premium micro-interaction. Drop it into hero sections, feature cards, or icon sets to add character without clutter. Works great with outline or solid SVGs, and includes an elegant default icon to get started fast. Great for Logo treatments in hero or nav Feature icons that react on hover Category tiles and card covers Empty states and placeholders with personality Social badges and app store buttons Grid-based galleries and icon libraries Example uses Replace static brand marks with a dot-wave logo in your landing page Add interactive dot icons to pricing or features sections Use as a hover accent on collection cards or CMS lists

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400145928/148/228/309/79/15
  • All · #4334