# Croct templates

Starter projects, each installable with a single command. Every entry links to the markdown of the template, which carries its documentation and its install command.

## Templates

- [Pricing page](/templates/library/shadcn-ui/pricing-page.md): A pricing page using Shadcn UI components and Croct.
- [Sanity CMS + AB testing](/templates/integration/cms/sanity-ab-testing.md): A template for running AB tests on a Sanity project.
- [React + Swiper.js](/templates/interface/section/react-swiper-carousel.md): A carousel section using React and Swiper.js.
- [Globe](/templates/library/magic-ui/globe.md): A 3D globe to visualize global presence, activity, or reach.
- [Sanity CMS + personalization](/templates/integration/cms/sanity-personalization.md): A template for adding personalized content on a Sanity project.
- [Bento grid](/templates/library/magic-ui/bento-grid.md): A modular grid layout for featuring content blocks, use cases, or product highlights.
- [React phone number input](/templates/interface/form/react-phone-number-input.md): A phone field formatted based on the user's location.
- [Orbiting circles](/templates/library/magic-ui/orbiting-circles.md): Animated circles orbiting a central element to represent relationships or connections.
- [Marquee](/templates/library/magic-ui/marquee.md): An infinite scrolling component for displaying testimonials, or user reviews.
- [Geomarketing strategy](/templates/use-case/location/geomarketing.md): An announcement bar with a location-based message.
- [Strapi CMS + personalization](/templates/integration/cms/strapi-personalization.md): A template for adding personalized content on a Strapi project.
- [Hero section](/templates/library/material-ui/hero-section.md): A hero section using Material UI components and Croct.
- [Hero video dialog](/templates/library/magic-ui/hero-video-dialog.md): A hero section with a video dialog to introduce or demo your product.
- [Sanity CMS integration](/templates/integration/cms/sanity.md): An integration template for projects using Croct and Sanity.
- [Magic UI component](/templates/library/magic-ui/component.md): Import the Magic UI example into the project.
- [Strapi CMS + AB testing](/templates/integration/cms/strapi-ab-testing.md): A template for running AB tests on a Strapi project.
- [Marketing campaign experience](/templates/use-case/e-commerce/marketing-campaign.md): A personalized experience based on marketing campaigns.
- [Dock](/templates/library/magic-ui/dock.md): A list of avatars to represent people, brands, or tools.
- [Carousel section](/templates/interface/section/carousel-section.md): Component template for a carousel section.
- [Navbar](/templates/library/material-ui/navbar.md): A navbar using Material UI components and Croct.
- [Video player](/templates/interface/component/video-player.md): Schema-only template for a video player component.
- [Animated list](/templates/library/magic-ui/animated-list.md): A list with animations to display notifications, updates, or events.
- [Avatar circles](/templates/library/magic-ui/avatar-circles.md): A list of avatars to represent people, brands, or tools.
- [Tweet card](/templates/library/magic-ui/tweet-card.md): A styled tweet embed to highlight social proof or share updates.
- [Strapi CMS integration](/templates/integration/cms/strapi.md): An integration template for projects using Croct and Strapi.
- [Marketing page template](/templates/library/material-ui/marketing-page.md): A marketing page template using Material UI and Croct.
- [Next.js + Croct starter](/templates/boilerplate/starter/nextjs.md): A Next.js project with Croct integration.
- [Hero UI component](/templates/library/hero-ui/component.md): Import the Hero UI example into the project.
- [Storyblok CMS integration](/templates/integration/cms/storyblok.md): Add personalization and AB testing features to Storyblok blocks.
- [Announcement bar](/templates/interface/component/announcement-bar.md): Component template for an announcement bar.
- [Icon cloud](/templates/library/magic-ui/icon-cloud.md): A floating cloud of icons to showcase integrations, tools, or technologies.
- [Hero section](/templates/interface/section/hero-section.md): Schema-only template for a hero section.
- [Logo collection](/templates/library/material-ui/logo-collection.md): A logo collection using Material UI components and Croct.
- [Terminal](/templates/library/magic-ui/terminal.md): A terminal-style UI to showcase commands, output, or interactive code.
- [Shadcn UI component](/templates/library/shadcn-ui/component.md): A template for adding a Shadcn UI component to a project.
- [FAQ section](/templates/library/material-ui/faq-section.md): A FAQ section using Material UI components and Croct.
- [Features section](/templates/library/material-ui/features-section.md): A features section using Material UI components and Croct.
- [Script copy button](/templates/library/magic-ui/script-copy-btn.md): A button for quickly copying scripts, commands, or code snippets.
- [Code comparison](/templates/library/magic-ui/code-comparison.md): A side-by-side code block layout for comparing implementations or versions.
- [Testimonials section](/templates/library/material-ui/testimonials-section.md): A testimonials section using Material UI components and Croct.
- [Lens](/templates/library/magic-ui/lens.md): A hover effect that highlights or magnifies content within a section.
- [Banner with image and action](/templates/library/mantine/image-action-banner.md): A banner component with image and action built with Mantine.
- [Next.js + Hero UI project](/templates/boilerplate/starter/hero-ui.md): A template for bootstrapping a new project with Next.js and Hero UI.
- [Highlights section](/templates/library/material-ui/highlights-section.md): A highlights section using Material UI components and Croct.
- [Location-based experience](/templates/use-case/e-commerce/location.md): A personalized experience based on the user's location.
- [Payload CMS integration](/templates/integration/cms/payload.md): An integration template for projects using Croct and Payload CMS.
- [Shadcn UI + Croct starter](/templates/boilerplate/starter/shadcn-ui.md): A Next.js project with Shadcn UI and Croct integration.
- [ABM campaign experience](/templates/use-case/saas/abm-campaign.md): A personalized experience based on ABM campaigns.
- [Pricing section](/templates/library/material-ui/pricing-section.md): A pricing section using Material UI components and Croct.
- [Cart-based experience](/templates/use-case/e-commerce/cart.md): A personalized experience based on the shopping cart total amount.
- [Modal dialog](/templates/interface/component/modal-dialog.md): Schema-only template for a modal dialog component.
- [Hero section with content on left](/templates/library/mantine/hero-content-left.md): A hero section with content on left built with Mantine.
- [Image comparison slider](/templates/interface/component/image-comparison-slider.md): Schema-only template for a image comparison slider component.
- [Features section with cards](/templates/library/mantine/features-cards.md): A features section with cards built with Mantine.
- [Demo request form](/templates/interface/component/demo-request-form.md): Schema-only template for a demo request form.
- [Croct project](/templates/boilerplate/starter/croct.md): A template for creating or integrating a Croct project.
- [Simple AB test](/templates/use-case/experiment/all-users.md): A simple experiment for all users.
- [Product cards section](/templates/interface/section/product-cards-section.md): Schema-only template for a product cards section.
- [Material UI block](/templates/library/material-ui/block.md): Import the Material UI block into the project.
- [Hero section with bullets](/templates/library/mantine/hero-bullets.md): A hero section with bullets built with Mantine.
- [Cookie consent banner](/templates/library/hero-ui/cookie-consent.md): A banner to collect user consent built with Hero UI.
- [Simple header](/templates/library/mantine/header-simple.md): A simple header component built with Mantine.
- [Landing page-based experience](/templates/use-case/saas/landing-page.md): A personalized experience based on the session's landing page.
- [Sign-in side](/templates/library/material-ui/sign-in-side.md): A sign-in side component using Material UI components and Croct.
- [Marketing campaign experience](/templates/use-case/saas/marketing-campaign.md): A personalized experience based on marketing campaigns.
- [Navbar](/templates/interface/component/navbar.md): Schema-only template for a navbar.
- [Callout](/templates/interface/component/callout.md): Schema-only template for a callout component.
- [Hightouch integration](/templates/integration/cdp/hightouch.md): An integration template for projects using Croct and Hightouch.
- [Landing page-based experience](/templates/use-case/e-commerce/landing-page.md): A personalized experience based on the session's landing page.
- [Hygraph CMS integration](/templates/integration/cms/hygraph.md): An integration template for projects using Croct and Hygraph.
- [Segmented AB test](/templates/use-case/experiment/segmented.md): A segmented experiment for new users.
- [Segment integration](/templates/integration/cdp/segment.md): An integration template for projects using Croct and Segment.
- [Insider integration](/templates/integration/cdp/insider.md): An integration template for projects using Croct and Insider.
- [Email banner](/templates/library/mantine/email-banner.md): A email banner component built with Mantine.
- [Klavyio integration](/templates/integration/cdp/klavyio.md): An integration template for projects using Croct and Klavyio.
- [Sign-up side](/templates/library/material-ui/sign-up-side.md): A sign-up side component using Material UI components and Croct.
- [Logo cloud](/templates/interface/section/logo-cloud.md): Schema-only template for an logo cloud section.
- [File name generator](/templates/boilerplate/utility/filename-generator.md): Finds an available file name and assigns the result to a specified variable.
- [Newsletter form](/templates/interface/component/newsletter-form.md): Schema-only template for a newsletter form.
- [Card with carousel](/templates/library/mantine/carousel-card.md): A card with carousel component built with Mantine.
- [FAQ section](/templates/library/mantine/faq-simple.md): A simple FAQ section built with Mantine.
- [Cards section](/templates/interface/section/cards-section.md): Schema-only template for a cards section.
- [FAQ section](/templates/interface/section/faq-section.md): Schema-only template for a FAQ section.
- [LinkedIn campaign experience](/templates/use-case/saas/linkedin-campaign.md): A personalized experience based on LinkedIn campaigns.
- [Sign-up form](/templates/library/material-ui/sign-up-form.md): A sign-up form component using Material UI and Croct.
- [Search campaign experience](/templates/use-case/e-commerce/search-campaign.md): A personalized experience based on search campaigns.
- [Interest-based experience](/templates/use-case/e-commerce/interest.md): A personalized experience based on the user's interests.
- [Features section with title](/templates/library/mantine/features-title.md): A features section with title built with Mantine.
- [Header with menu](/templates/library/mantine/header-menu.md): A header component with menu built with Mantine.
- [Example launcher](/templates/boilerplate/utility/example-launcher.md): Starts the development server and opens the example in the browser.
- [Next.js + Mantine project](/templates/boilerplate/starter/mantine.md): A template for bootstrapping a new project with Next.js and Mantine.
- [Comment](/templates/library/mantine/comment-html.md): A comment component with HTML built with Mantine.
- [Search campaign experience](/templates/use-case/saas/search-campaign.md): A personalized experience based on search campaigns.
- [Interest-based experience](/templates/use-case/saas/interest.md): A personalized experience based on the user's interests.
- [Testimonial section](/templates/interface/section/testimonial-section.md): Schema-only template for a testimonial section.
- [Features section with icons](/templates/library/mantine/features-asymmetrical.md): A features section with icons built with Mantine.
- [Grouped stats section](/templates/library/mantine/stats-group.md): A grouped stats section built with Mantine.
- [Prismic CMS integration](/templates/integration/cms/prismic.md): An integration template for projects using Croct and Prismic CMS.
- [Carousel section with cards](/templates/library/mantine/cards-carousel.md): A carousel section with cards built with Mantine.
- [Instagram campaign experience](/templates/use-case/e-commerce/instagram-campaign.md): A personalized experience based on Instagram campaigns.
- [GrowthLoop integration](/templates/integration/cdp/growthloop.md): An integration template for projects using Croct and GrowthLoop.
- [Mantine component](/templates/library/mantine/component.md): Import the Mantine example into the project.
- [Customer experience](/templates/use-case/saas/customer.md): A personalized experience for existing customers.
- [Fullstory integration](/templates/integration/cdp/fullstory.md): An integration template for projects using Croct and Fullstory.
- [Cookies banner](/templates/library/mantine/cookies-banner.md): A cookies banner component built with Mantine.
- [Craft CMS integration](/templates/integration/cms/craft.md): An integration template for projects using Croct and Craft.
- [Contentful CMS integration](/templates/integration/cms/contentful.md): An integration template for projects using Croct and Contentful.
- [Customer.io integration](/templates/integration/cdp/customer-io.md): An integration template for projects using Croct and Customer.io.
- [Amperity integration](/templates/integration/cdp/amperity.md): An integration template for projects using Croct and Amperity.
- [Strapi CMS + Demandbase](/templates/integration/cms/strapi-demandbase.md): A template for adding firmographic personalization on a Strapi project.
- [Strapi CMS + ZoomInfo](/templates/integration/cms/strapi-zoominfo.md): A template for adding firmographic personalization on a Strapi project.
- [Storyblok CMS + ZoomInfo](/templates/integration/cms/storyblok-zoominfo.md): A template for adding firmographic personalization on a Storyblok project.
- [Sanity CMS + Demandbase](/templates/integration/cms/sanity-demandbase.md): A template for adding firmographic personalization on a Sanity project.
- [Strapi CMS + Clearbit](/templates/integration/cms/strapi-clearbit.md): A template for adding firmographic personalization on a Strapi project.
- [Storyblok CMS + AB testing](/templates/integration/cms/storyblok-ab-testing.md): A template for running AB tests on a Storyblok project.
- [Strapi CMS + 6sense](/templates/integration/cms/strapi-6sense.md): A template for adding firmographic personalization on a Strapi project.
- [Storyblok CMS + Demandbase](/templates/integration/cms/storyblok-demandbase.md): A template for adding firmographic personalization on a Storyblok project.
- [ZoomInfo integration](/templates/integration/data-enrichment/zoominfo.md): Activate ZoomInfo firmographic data for website personalization.
- [Sanity CMS + ZoomInfo](/templates/integration/cms/sanity-zoominfo.md): A template for adding firmographic personalization on a Sanity project.
- [Storyblok CMS + personalization](/templates/integration/cms/storyblok-personalization.md): A template for adding content personalization on a Storyblok project.
- [Demandbase experience](/templates/use-case/saas/demandbase.md): A personalized experience based on Demandbase firmographic data.
- [6sense experience](/templates/use-case/saas/6sense.md): A personalized experience based on 6sense firmographic data.
- [HubSpot forms + personalization](/templates/integration/crm/hubspot-personalization.md): A template for showing personalized HubSpot forms to different audiences.
- [Demandbase integration](/templates/integration/data-enrichment/demandbase.md): Activate Demandbase firmographic data for website personalization.
- [ZoomInfo experience](/templates/use-case/saas/zoominfo.md): A personalized experience based on ZoomInfo firmographic data.
- [HubSpot forms + AB testing](/templates/integration/crm/hubspot-ab-testing.md): A template for running AB tests on HubSpot forms.
- [HubSpot forms integration](/templates/integration/crm/hubspot.md): An integration template for personalizing and testing HubSpot forms with Croct.
- [Storyblok CMS + Clearbit](/templates/integration/cms/storyblok-clearbit.md): A template for adding firmographic personalization on a Storyblok project.
- [6sense integration](/templates/integration/data-enrichment/6sense.md): Activate 6sense firmographic data for website personalization.
- [Storyblok CMS + 6sense](/templates/integration/cms/storyblok-6sense.md): A template for adding firmographic personalization on a Storyblok project.
- [Sanity CMS + Clearbit](/templates/integration/cms/sanity-clearbit.md): A template for adding firmographic personalization on a Sanity project.
- [Sanity CMS + 6sense](/templates/integration/cms/sanity-6sense.md): A template for adding firmographic personalization on a Sanity project.
- [Clearbit experience](/templates/use-case/saas/clearbit.md): A personalized experience based on Clearbit firmographic data.
- [Clearbit integration](/templates/integration/data-enrichment/clearbit.md): Activate Clearbit firmographic data for website personalization.