---
title: "QuadMark — Free Framer component · Best of Framer"
description: "Free Framer component · by Andreas Kruszakin-Liboska · Interactive. QuadMark — Logo subdivision as it should be."
canonical: "https://framer.elliotli.dev/component/quadmark"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/QuadMark

# QuadMark

Interactive Logo Grid

[View on Framer](https://framer.com/marketplace/components/quadmark/?via=elliot-li)

![QuadMark preview image 1](https://framer.elliotli.dev/og/component/quadmark/82d509f605968742/1600x1200.jpg)

## 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](https://www.andreaskruszakin.com/). 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](https://quadmark.framer.website/preview)

### Considerations

If you notice something wrong or see an opportunity for improvement, please reach out at [andreaskruszakin@gmail.com](mailto:andreaskruszakin@gmail.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #6190

## Details

- **Author**: Andreas Kruszakin-Liboska
- **Published**: 2026-06-05
- **Updated**: 2026-06-05
- **Added**: 2026-06-03
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase