# Tech stack

## Templates

1.  Pricing page: A pricing page using Shadcn UI components and Croct.](/content/templates/library/shadcn-ui/pricing-page/index.html)
2.  React + Swiper.js: A carousel section using React and Swiper.js.](/content/templates/interface/section/react-swiper-carousel/index.html)
3.  Globe: A 3D globe to visualize global presence, activity, or reach.](/content/templates/library/magic-ui/globe/index.html)
4.  Bento grid: A modular grid layout for featuring content blocks, use cases, or product highlights.](/content/templates/library/magic-ui/bento-grid/index.html)
5.  React phone number input: A phone field formatted based on the user's location.](/content/templates/interface/form/react-phone-number-input/index.html)
6.  Marquee: An infinite scrolling component for displaying testimonials, or user reviews.](/content/templates/library/magic-ui/marquee/index.html)
7.  Geomarketing strategy: An announcement bar with a location-based message.](/content/templates/use-case/location/geomarketing/index.html)
8.  Orbiting circles: Animated circles orbiting a central element to represent relationships or connections.](/content/templates/library/magic-ui/orbiting-circles/index.html)
9.  Hero section: A hero section using Material UI components and Croct.](/content/templates/library/material-ui/hero-section/index.html)
10.  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)
11.  Carousel section: Component template for a carousel section.](/content/templates/interface/section/carousel-section/index.html)
12.  Dock: A list of avatars to represent people, brands, or tools.](/content/templates/library/magic-ui/dock/index.html)

## Command

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