QuadMark — Interactive Logo Grid

QuadMark — Logo subdivision as it should be.

QuadMark (quadrant + mark) is a lightweight, performant canvas component for Framer, created by Andreas Kruszakin-Liboska. Upload any logo PNG, JPG, SVG, or WebP and watch an 18×9 grid subdivide inside the silhouette, then refine again on hover with a customizable color palette. Built to be simple to drop in and easy to tune from the property panel, with modern canvas performance in mind.

Perfect for interactive logo heroes, partner logo rows, agency landing pages, SaaS homepages, and portfolio reveals. QuadMark turns a flat mark into a living grid without After Effects, Lottie, or custom WebGL.

Features

• Logo upload

• Single or Row layout

• Hover subdivision

• Dark and light mode

• Accent color palette

• Reduced motion

• Touch support

• Preloaded defaults

See Demo

Check it out here

Considerations

If you notice something wrong or see an opportunity for improvement, please reach out at andreaskruszakin@gmail.com