Category

Tech stack

Submit template

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 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)

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

Tweet card
A styled tweet embed to highlight social proof or share updates.](/content/templates/library/magic-ui/tweet-card/index.html)

Icon cloud
A floating cloud of icons to showcase integrations, tools, or technologies.](/content/templates/library/magic-ui/icon-cloud/index.html)

Terminal
A terminal-style UI to showcase commands, output, or interactive code.](/content/templates/library/magic-ui/terminal/index.html)

npx croct@latest init