---
title: "Cursor Reactive Hero — Free Framer component · Best of Framer"
description: "Free Framer component · by Boyoon Labs · Sections. Cursor-reactive interactive hero section"
canonical: "https://framer.elliotli.dev/component/cursor-reactive-hero"
---

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

# Cursor Reactive Hero

Cursor-reactive interactive hero section

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

![Cursor Reactive Hero preview image 1](https://framer.elliotli.dev/og/component/cursor-reactive-hero/e1881d326bc5c386/1600x1200.jpg)

## Summary

Cursor-reactive interactive hero section

## Description

## Cursor-Reactive Hero – Interactive Section

Bring your landing pages and portfolios to life with a smooth, cursor-reactive hero. Add depth, motion, and subtle parallax for a modern, immersive experience.

Resize the component frame to control the hero size. Width automatically fills the container.

## ✨ Key Features

### Motion & Effects

-   Cursor-reactive motion with adjustable intensity (Low / Medium / High)
    
-   Touch-device friendly with static fallback
    

### Layout & Typography

-   9 content position options (top-left, center, bottom-right, etc.)
    
-   Independent text alignment (left, center, right)
    
-   Adjustable spacing: title-subtitle gap & max width control
    
-   Full font customization with extended controls (family, size, weight, line height)
    
-   Precise control over text positioning and spacing
    

### Visual Customization

-   5 image size modes: Cover, Contain, Original Size, Fit to Image, Custom
    
-   Background options: Solid color, Linear gradient, Radial gradient
    
-   Text color customization
    
-   Optional hero image with subtle parallax
    

### Technical

-   Fully responsive & resizable
    
-   No external dependencies
    
-   Clean, production-ready code
    

### Props

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-gvbw4vj2-tmggvBUegJ203dLCaI3phx2E4eHwPr)![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-gvbw4vj2-e9hHmmeBnA8z4MoID7Yr9v6CN8toEm)

### 💡 Use Cases

-   Landing pages for products, apps, or portfolios
    
-   Personal portfolios and creative projects
    
-   Marketing pages and promotional sites
    
-   Experimental UI / motion studies
    

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

-   All · #2510

## Details

- **Author**: Boyoon Labs
- **Published**: 2026-02-13
- **Updated**: 2026-03-03
- **Added**: 2026-01-29
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove