---
title: "Dodge Hero — Free Framer component · Best of Framer"
description: "Free Framer component · by byniiima · Sections. About Component 💥 Tease, Engage, and Steal the Spotlight!"
canonical: "https://framer.elliotli.dev/component/dodge-hero"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Dodge Hero

# Dodge Hero

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

![Dodge Hero preview image 1](https://framer.elliotli.dev/og/component/dodge-hero/38a4ad8f6c06a8ca/1600x1200.jpg)

## Summary

About Component 💥 Tease, Engage, and Steal the Spotlight!

## Description

## About Component

## 💥 Tease, Engage, and Steal the Spotlight!

**✨ Key Features**

-   **Smart Escape:** An attractive **"Sticky Note"** that, upon a user's attempt to click it, swiftly **flees from the cursor** with a soft, fluid effect.
    
-   **Friendly Trolling:** As the note escapes, small, witty text messages appear randomly to **lightly "troll" the user** and bring a smile to their face.
    
-   **Hero Section Ready:** Designed to create an impressive and distinctive start that significantly boosts your website's **Engagement Rate**.
    

🎨 **100% Customizable**

We provide the tools you need to make this component perfectly align with your brand:

-   **Color Customization:** Easily change the **color of the dots**, the sticky note, and the trolling text.
    
-   **Text Editing:** Replace the default trolling texts with **humorous and brand-relevant messages** of your own.
    
-   **Speed and Sensitivity Control:** Full control over the escape speed and the safe distance of the sticky note from the mouse pointer.
    
-   **Dimension Adjustment:** Effortlessly switch between the **Full Desktop version** and the **Compact Mobile version** via **Variants**.
    

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

-   All · #5144

## Details

- **Author**: byniiima
- **Published**: 2025-09-29
- **Updated**: 2025-09-29
- **Added**: 2025-09-20
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes