---
title: "Cursor Trail Card — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Karim Saif · Cursors. Floating typography badges"
canonical: "https://framer.elliotli.dev/component/cursor-trail-card"
---

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

# Cursor Trail Card

Floating typography badges

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

![Cursor Trail Card preview image 1](https://framer.elliotli.dev/og/component/cursor-trail-card/afd500b5715b3ef5/1600x1053.jpg)

## Summary

Floating typography badges

## Description

**About**

**Cursor Trail Badges** is a high-performance interactive physics component that generates dynamic, floating typography badges behind cursor and touch movements. Smooth inertia, customizable badge shapes, kinetic entrance animations, and text-scramble effects give landing pages and interactive portfolios a sleek, playful, and modern digital aesthetic.

**What it does**

-   **Physics-Driven Motion Engine:** Spawns reactive text badges with customizable follow speed, momentum, drift, spread, and gravity.
    
-   **Interactive Spawn Patterns:** Supports 6 distinct spawning styles including Trail, Burst, Spiral, Orbit, Wave, and Random.
    
-   **Smart Idle Ghost Mode:** Automatically generates gentle background trails when the cursor stays still, keeping your site lively and engaging.
    
-   **Kinetic FX & Scramble Animations:** Features 9 entrance styles (Flip, Pop, Bounce, Elastic, Zoom, and more) along with matrix-style text scramble effects for rare special badges.
    
-   **Performance Optimized:** Built with RAF batching, DOM node recycling, automatic offscreen pausing via IntersectionObserver, and static preview rendering for Framer Canvas and SSG exports.
    

**What you can customize**

Everything is fully configurable directly from Framer’s right-hand property panel:

-   **Text Collections & Custom Words:** Choose from built-in collections (Typography, Design, AI, Development) or input your own custom word arrays.
    
-   **Themes & Color Engines:** Pick from 15 pre-built design presets or customize color engines using Rainbow, Cyberpunk, Sunset, Neon, Pastel, or your own brand palettes.
    
-   **Badge Styling & Typography:** Control font family, font weight, font size, padding, border radius, blend modes, and badge shapes (Pill, Rounded, Square, Circle).
    
-   **Physics & Timing Controls:** Fine-tune badge lifespan, spawn rates, travel distance, motion curves, appear duration, hold duration, and fade speeds.
    

**Need help?**

Have questions or feedback? Reach out anytime at [**karimsaif010@gmail.com**](mailto:karimsaif010@gmail.com) or on X **@karimsaif0**.

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

-   All · #4173

## Details

- **Author**: Karim Saif
- **Price**: $9.00
- **Published**: 2026-07-23
- **Updated**: 2026-09-16
- **Added**: 2026-07-23
- **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…