Shadcn.io is not affiliated with official shadcn/ui
Stamp Text
Letters that stamp in like rubber stamps with overshoot, a sharp impact flash, and slight random rotation per character for React applications.
Stamp Text preview
Type that lands instead of fading. Each character drops in scaled at 1.4×, overshoots, settles into place with a spring, tilts a few degrees off-axis like a hand-pressed stamp, and pulses an opacity flash on impact — so the whole word feels physically pressed onto the page. Triggers once when the element scrolls into view via Motion's useInView, with configurable per-letter stagger and rotation range. Built entirely with Motion's spring transitions for that snappy mechanical feel. Drop it on a hero headline, a CTA, or a product mark where you want a visceral arrival rather than a soft entrance.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this text effect for you — no copy-paste, no CLI:
use shadcnio to install the stamp-text text effect into my projectRelated Components
Blur Text
Text animation from blur to focus
Falling Text
Physics-based letters that drop and pile
Text Reveal
Cinematic reveals with clip-path animations
Splitting Text
Per-character split entrance animations
Text Generate Effect
Progressive character generation with timing
Wave Text
Continuous traveling sine wave across characters
FAQ
Was this page helpful?
Sign in to leave feedback.
Spotlight Text
Cursor-driven radial mask spotlight that reveals dim text inside a soft circular beam following the pointer with spring-smoothed motion for React, Next.js, and motion.
Status Pulse Text
Live status indicator with a pulsing colored dot beside a label, featuring a continuous expanding ring for React applications.