---
title: "CreepyButton — Free Framer component · Best of Framer"
description: "Free Framer component · by Zaid  · Buttons. CreepyButton is a fun Framer tool that peeks back at you."
canonical: "https://framer.elliotli.dev/component/creepybutton"
---

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

# CreepyButton

A creepy button that peeks back at you!

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

![CreepyButton preview image 1](https://framer.elliotli.dev/og/component/creepybutton/66c9179953fa3e88/1600x1200.jpg)

## Summary

CreepyButton is a fun Framer tool that peeks back at you.

## Description

### CreepyButton - Playful Interactive Character for Framer

**Creepy button that peeks back at you now**

The CreepyButton is a fun Framer tool that peeks back at you. When you hover, the button tilts up to show hidden eyes. These eyes track your mouse in real time. It uses Framer Motion for spring physics. Change colors and links in the sidebar. Get it now fast!!

### Why Choose CreepyButton?

Most UI elements fall into two extremes: either too static to engage users or too technical to animate. CreepyButton bridges that gap by combining character-driven motion with the simplicity of native Framer property controls, allowing you to add personality without writing code. The result:

-   Stronger user engagement
    
-   Memorable brand storytelling
    
-   Higher delight in your product interactions
    

### ✨ Key Features

**Flexible Customization**

-   Enter text manually through **Framer property controls**.
    
-   Assign external URLs or internal page links instantly.
    
-   Built-in layering that keeps the button frame above the eyes at all times.
    

**Full Visual Control**

-   Single-color button styling with configurable borders.
    
-   **Back Color** control for the monster underlay to ensure seamless UI integration.
    
-   Adjustable **Eye Color** and **Pupil Color** for distinct character expressions.
    

**Interactive & Animated Experience**

-   Smooth **spring animations** with adjustable stiffness and damping.
    
-   Interactive hover feedback and real-time **cursor response**.
    
-   Performance-optimized rendering with smooth React transitions.
    

### 🎯 Perfect For

-   Creative portfolios and landing pages.
    
-   Playful SaaS dashboards or "Easter egg" sections.
    
-   Case studies and interactive presentations.
    

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

-   All · #5586

## Details

- **Author**: Zaid
- **Published**: 2026-06-13
- **Updated**: 2026-06-13
- **Added**: 2026-05-09
- **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