Skip to content

component

QuadMark

By Andreas Kruszakin-Liboska

Details

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.

12001400146238/148/228/309/79/15
  • All · #4420