---
title: "Catchthelogo — Free Framer component · Best of Framer"
description: "Free Framer component · by Mridul Joshi · Buttons. Transform clicks into conversions with CatchTheLogo – the premium glass UI microgame for Framer!"
canonical: "https://framer.elliotli.dev/component/catchthelogo"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Catchthelogo

# Catchthelogo

Transform clicks into conversions

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

![Catchthelogo preview image 1](https://framer.elliotli.dev/og/component/catchthelogo/e1ad1ea7e5af0c5e/1600x1200.jpg)

## Summary

Transform clicks into conversions with CatchTheLogo – the premium glass UI microgame for Framer!

## Description

**Transform clicks into conversions with CatchTheLogo – the premium glass UI microgame for Framer!**

Surprise and delight visitors while rewarding them for engaging with your site. CatchTheLogo places a floating logo or emoji in a stunning glassmorphic container—when a user “catches” it, they’re instantly greeted with your custom message, an auto-copied coupon, and a call‑to‑action button for the next step.

**Use cases & benefits:**

-   Unlock coupons, promo codes, or download links for engaged users.
    
-   Drive signups, bookings, demo requests, or newsletter subscriptions with a gamified CTA.
    
-   Add fun, memorable interaction to hero sections, overlays, popups, and landing pages.
    
-   All styling—glass effects, vignette, border radius, colors, logo, speed, and text—is fully customizable in the Framer property panel.
    
-   Works perfectly on mobile, tablet, and desktop.
    
-   No setup, no code: just drag, style, and convert.
    

**Why buy CatchTheLogo?**

-   _Stand out_: Modern, glassy UI loved by users and clients.
    
-   _Easy for anyone_: No code, just set your logo, message, coupon, CTA, and colors.
    
-   _Delivers results_: Boosts conversions and time-on-site with interactive rewards.
    
-   _Designer approved_: Supports ResponsiveImage, emojis, smooth motion, instant previews, and accessibility best practices.
    

**How it works:**

-   Floating logo moves in glass container.
    
-   User taps/clicks to “catch.”
    
-   Animated message overlay appears (your text).
    
-   Optional coupon auto-copied to clipboard for frictionless redemption.
    
-   Optional CTA button for click-throughs, downloads, or bookings.
    
-   Play Again (reset) for replay value.
    

**Level up your website’s engagement and conversion—add CatchTheLogo to your Framer project today.** Just plug, play, and convert!

**Preview Setup Pointers** (for your Marketplace submission):

-   Default: Emoji logo, “You caught me!” message, “SAVE20” coupon, “Get Started” CTA, glass/blur/vignette enabled.
    
-   Screenshots: Hero, coupon overlay, CTA button, glass styling.
    
-   Category: Gamification, Conversion, Rewards, Glass UI.
    

**Ready for instant purchase and use.**If you want a super-compact marketing tagline, use:

**_Catch. Reward. Convert. The only glass microgame your campaigns need._**

📌 Legal & Refund Policy

-   **License**: This component is sold under a **single-use commercial license**. You may use it in personal and commercial Framer projects. Redistribution, resale, or inclusion in template marketplaces without permission is prohibited.
    
-   **Refunds**: Due to the **digital nature** of this product, all sales are **final**. Refunds are only available in cases of accidental duplicate purchase or if the component does not function as described.
    
-   **Support**: Free updates and bug fixes are included. For feature requests, please reach out before purchase.
    
-   **Disclaimer**: This component is provided “as is” without warranties of any kind. Performance may vary depending on your Framer setup.
    

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

-   All · #7801

## Details

- **Author**: Mridul Joshi
- **Published**: 2025-10-25
- **Updated**: 2026-04-19
- **Added**: 2025-10-13
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow