Category

Tech stack

Pricing page A pricing page using Shadcn UI components and Croct.](/content/templates/library/shadcn-ui/pricing-page/index.html)

Globe A 3D globe to visualize global presence, activity, or reach.](/content/templates/library/magic-ui/globe/index.html)

Bento grid A modular grid layout for featuring content blocks, use cases, or product highlights.](/content/templates/library/magic-ui/bento-grid/index.html)

Marquee An infinite scrolling component for displaying testimonials, or user reviews.](/content/templates/library/magic-ui/marquee/index.html)

Orbiting circles Animated circles orbiting a central element to represent relationships or connections.](/content/templates/library/magic-ui/orbiting-circles/index.html)

Hero section A hero section using Material UI components and Croct.](/content/templates/library/material-ui/hero-section/index.html)

Hero video dialog A hero section with a video dialog to introduce or demo your product.](/content/templates/library/magic-ui/hero-video-dialog/index.html)

Magic UI component Import the Magic UI example into the project.](/content/templates/library/magic-ui/component/index.html)

Dock A list of avatars to represent people, brands, or tools.](/content/templates/library/magic-ui/dock/index.html)

Animated list A list with animations to display notifications, updates, or events.](/content/templates/library/magic-ui/animated-list/index.html)

Navbar A navbar using Material UI components and Croct.](/content/templates/library/material-ui/navbar/index.html)

Avatar circles A list of avatars to represent people, brands, or tools.](/content/templates/library/magic-ui/avatar-circles/index.html)

npx croct@latest init