3D Type Flip

A headline whose letters rotate through real perspective one after another when you challenge it.

Feels like

Hover/Text/Depth

Built with

React 19Tailwind v4Motion

Steal it

npx shadcn@latest add https://1iad.com/r/text-3d-flip

One self-contained file. Paste the prompt into your AI agent and it does the rest.

Good to know

No config. Nothing to set up beyond Tailwind.
Respects prefers-reduced-motion out of the box.
Sound and haptics only fire after a user gesture.

Credits

Built in public by Sunny JoshiMIT licensed. Free to steal.

Back

3D Type Flip

A headline whose letters rotate through real perspective one after another when you challenge it. Install: npx shadcn@latest add https://1iad.com/r/text-3d-flip

BORING IS A BUGBBOORRIINNGG IISS AA BBUUGG

3D Type Flip015