magic-ui
components
ui

flip-text

Text flipping character animation.

animated
flex
text
transition
View Docs

Source Code

Files
flip-text
1import { FlipText } from "@/components/magicui/flip-text";
2 
3export function FlipTextDemo() {
4  return (
5    <FlipText
6      className="text-4xl font-bold -tracking-widest text-black dark:text-white md:text-7xl md:leading-[5rem]"
7      word="Flip Text"
8    />
9  );
10}