Components
Loading preview...
A bold, 3D mechanical flip animation with high-contrast theme inversion.
@daiv09
npx shadcn@latest add https://21st.dev/r/daiwiikharihar17147/next-revealimport FlipTextReveal from "@/components/ui/next-reveal";
export default function DemoOne() {
return (
// 1. LIGHT MODE: 'bg-zinc-50' (White Page) -> Component will be Black
// 2. DARK MODE: 'dark:bg-black' (Black Page) -> Component will be White
<div className="min-h-screen w-full flex items-center justify-center bg-zinc-50 dark:bg-black p-4 transition-colors duration-300">
<div className="w-full max-w-3xl">
<FlipTextReveal word="NEXT LEVEL" />
</div>
</div>
);
}