A text effect that flips each letter in 3D with a staggered animation on hover.
1,407
Bookmarks
13,607
Installs
54,207
Views
import Text3DFlip from "@/components/ui/text-3d-flip"
export default function Text3DFlipDemo() {
return (
<Text3DFlip
className="bg-background font-serif text-2xl sm:text-5xl md:text-[56px]"11 more lines behind a plan
Previews are free to watch. Reading and copying the full source needs a plan.
See plansThat's all 6 components
Part of Magic UI — browse the full library on Nuxus.