component
QuadMark
By Andreas Kruszakin-Liboska
Details
- Andreas Kruszakin-LiboskaAuthor
- componentType
- 2026-06-05Published
- 2026-06-05Updated
- 2026-06-03Added
- InteractiveCategories
Summary
QuadMark — Logo subdivision as it should be.
Description
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
Introduction
Interactive Logo Grid
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #4420