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

```shellcmd
npx croct@latest init
```