OpenOpen playground

ComponentReact TSXMagic UIMIT

Text 3D Flip

A text effect that flips each letter in 3D with a staggered animation on hover.

Installnpx shadcn@latest add @magicui/text-3d-flip

Loading live preview…

License

MIT license: free to use, change and ship in personal and commercial projects. Keep the copyright notice in your project.

License text ↗Original source ↗

Needs npm: motion

More from Magic UI

REACT
Select Full screen
Magic UI · Component
Aurora Text
REACT
Select Full screen
Magic UI · Component
Morphing Text
REACT
Select Full screen
Magic UI · Component
Neon Gradient Card
REACT
Select Full screen
Magic UI · Component
Meteors
REACT
Select Full screen
Magic UI · Component
Code Comparison
REACT
Select Full screen
Magic UI · Component
Marquee
REACT
Select Full screen
Magic UI · Component
Glare Hover
REACT
Select Full screen
Magic UI · Component
Shimmer Button