---
title: "Cursor Maze — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Aidan Looker · Cursors. What is Cursor Maze?"
canonical: "https://framer.elliotli.dev/component/cursor-maze"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Cursor Maze

# Cursor Maze

Interactive cursor maze game component.

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

![Cursor Maze preview image 1](https://framer.elliotli.dev/og/component/cursor-maze/9d188743d0fc5cf8/1600x1200.jpg)

## Summary

What is Cursor Maze?

## Description

## What is Cursor Maze?

Cursor Maze is a premium interactive game component that renders a procedurally generated maze directly on your Framer page. Visitors use their cursor to navigate from start to finish, avoiding walls along the way. It features pixel-perfect collision detection, a personal best timer, and a custom cursor with trail effects. Ideal for portfolio sites, agency landing pages, 404 pages, and interactive campaigns.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Procedurally generated mazes that randomise on every new game, keeping the challenge fresh for repeat visitors
    
-   Three difficulty presets (Easy, Medium, Hard) that control maze density and corridor complexity
    
-   High-performance canvas rendering with multi-pass wall effects including ambient glow, beveled highlights, and intersection dots
    
-   Pixel-accurate collision detection for smooth 60fps gameplay
    
-   Built-in timer with personal best tracking, attempt counter, and cursor trail visualisation
    
-   Polished win and game over overlays with glassmorphic card panels and confetti-style particle effects
    

## Controls inside Framer

### General

-   Difficulty — Easy, Medium, or Hard maze density
    
-   Title — internal component label
    
-   Font — primary typeface for all UI text
    
-   Win Message — text shown on maze completion
    
-   Lose Message — text shown when a wall is hit
    

### Colors

-   Background — component background fill
    
-   Walls — primary wall colour
    
-   Wall Glow — ambient glow around walls
    
-   Cursor and Trail — cursor dot and trail colour
    
-   Text — UI text and overlay colour
    

### Game Settings

-   Wall Thickness — wall stroke width in pixels
    
-   Cursor Size — custom cursor dot radius
    
-   Forgiveness — extra clearance between cursor and walls (higher values make the game easier)
    
-   Show Timer — toggle the elapsed time display
    
-   Show Trail — toggle the cursor trail effect
    

## Best use cases

-   Portfolio and agency sites — add a memorable interactive moment that keeps visitors engaged longer
    
-   404 and error pages — turn a dead end into a playful experience worth sharing
    
-   Landing pages and campaigns — create a unique micro-interaction that differentiates your brand
    
-   SaaS onboarding and waitlist pages — give visitors something to do while they wait
    

Drop it onto any frame. Pick a difficulty. Your visitors get a reason to stay.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

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

-   All · #9040

## Details

- **Author**: Aidan Looker
- **Price**: $6.00
- **Published**: 2026-04-22
- **Updated**: 2026-06-13
- **Added**: 2026-04-04
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…