mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +00:00
- 3d-carousel-demo: Added 3 carousel items with gradient content - 3d-grid-demo: Added 6 grid items with colors, spans, and elevation - 3d-marquee-demo: Added scrolling text content with icons - 3d-text-demo: Added 3D text with metallic variant - animated-number-demo: Added revenue counter with ,456 - animated-testimonials-demo: Added 3 testimonials with authors - animated-list-demo: Added 3 notification items - ai-models-demo: Added GPT-4, Claude, Gemini models - ai-actions-demo: Added 4 AI action buttons - advanced-navigation-bar-demo: Added nav items with dropdowns All demos now have required props, resolving 10 TypeScript errors.
16 lines
620 B
TypeScript
16 lines
620 B
TypeScript
import { Marquee3D } from "@/registry/default/ui/3d-marquee"
|
|
|
|
export default function ThreeDMarqueeDemo() {
|
|
return (
|
|
<div className="flex min-h-[400px] items-center justify-center p-8">
|
|
<Marquee3D className="w-full">
|
|
<span className="mx-8 text-2xl font-bold">🚀 Innovation</span>
|
|
<span className="mx-8 text-2xl font-bold">âš¡ Speed</span>
|
|
<span className="mx-8 text-2xl font-bold">💎 Quality</span>
|
|
<span className="mx-8 text-2xl font-bold">🎯 Precision</span>
|
|
<span className="mx-8 text-2xl font-bold">🌟 Excellence</span>
|
|
</Marquee3D>
|
|
</div>
|
|
)
|
|
}
|