Skip to main content

Assets Templates Inspiration Components

Components/Componentry

Text Repel

Text Repel

Pro

A physics-based text animation where each letter reacts to cursor proximity. Letters are pushed away (or attracted) in real-time with spring dynamics, creating an interactive magnetic force-field effect.

Category: Text effects
Built with: React, Tailwind, Motion
Installs: framer-motion
Files: text-repel.tsx

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Componentry

by Harsh Jadhav

53 components

Copyright (c) 2026 Harsh Jadhav. Open source, added by Craftwork. The license line stays in the copied code.

More like this

Annotated Text

Annotated Text

FreeOpen

Animated Gradient Text

Animated Gradient Text

Flip Text

Flip Text

Animated Shiny Text

Animated Shiny Text

Aurora Text

Aurora Text

Particle Typography

Particle Typography

Blur Text

Blur Text

Flipping Word Swap

Flipping Word Swap