CMS-powered UI components and templates for personalization and experimentation
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.
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.
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.
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.
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.