CMS-powered UI components and templates for personalization and experimentation

NewsBy Juliana Amorim

Today, we’re excited to introduce a game-changing addition to the Croct ecosystem: CMS-powered UI library of components and templates designed for personalization, AB testing, and fast iteration at scale.

Whether you're building SaaS products or optimizing e-commerce experiences, these new templates allow you to move from idea to experiment-ready UI in minutes, not weeks.

Croct CMS-powered component library
Croct CMS-powered component library

From boilerplate to smart templates

Traditional templates are dumb: they just copy-paste boilerplate code into your project. Croct’s templates, on the other hand, are smart and contextual.

They don’t just give you components with static code. They give you fully connected, CMS-powered UI components with logic baked in.

Behind the scenes, our CLI reads your project structure, identifies your framework, dependencies, etc, and tailors the setup accordingly. It also checks what’s available in your Croct account, like your plan, enabled features, and quotas, to configure everything automatically.

With a single command, a template can:

  • Create and register new components in your project
  • Link those components to slots in the CMS
  • Set up AB tests and personalized experiences
  • Deploy example content ready to test

No extra setup, no copy-paste headaches. Just run:

croct use <template>

…and your UI is ready for personalization and experimentation.

Croct use template command
Croct use template command

What is a CMS-powered component library?

Imagine a UI component library that not only gives you styled and accessible UI blocks but also lets you:

  • Define the content for each component directly in your CMS
  • Run AB tests and ship variants instantly
  • Personalize every experience based on the visitor’s context

That’s exactly what Croct delivers.

It’s designed for product teams that want to move fast and developers who are tired of gluing together tools. All components follow your design system, respect your app logic, and simply just work, whether you're optimizing a hero section or testing headlines on a pricing page.

Our first featured libraries

We’ve started by adding CMS-powered templates for some of the most popular React UI component libraries:

Each template includes pre-wired components like hero sections, CTAs, feature lists, and banners, with personalization and AB testing out of the box.

Some of the most popular React UI component libraries
Some of the most popular React UI component libraries

Bonus templates for proven strategies

We’re also launching strategy templates for proven personalization and experimentation patterns, including:

These aren’t just UI components, but pre-configured experiences that connect content, logic, and strategy into a single, reusable template.

Bonus strategy templates
Bonus strategy templates

Join the community and share your work

Templates aren’t just something we make. They’re something you can create and share, too.

Say you’ve built a killer onboarding flow, a CRO-optimized pricing table, or a reusable personalization experiment. Just run:

croct create template

The CLI will walk you through selecting which components, slots, and strategies to include. It packages everything up so you can distribute it to your team, reuse it between different accounts, or share it with the community.

We’re launching today with a handful of official templates, but the vision is bigger. We want to make personalization and experimentation as modular, collaborative, and fast as component-based development itself.

Let’s build the future of UI experimentation, one component at a time.

Let's grow together!

Learn practical tactics our customers use to grow by 20% or more.