Made in Builder.io

Join us for the biggest Figma-to-code launch of the year

Builder.io logo
Talk to Us
Platform
Developers
Talk to Us
React logo

The Best Headless CMS for React

More than a traditional CMS, Builder's Visual Headless CMS works seamlessly with React to create fast, SEO-friendly websites. The combination allows content editors to build scalable sites in minutes with fewer developer dependencies.

Get startedTalk to us

WHY

Builder and React?

Using Builder.io with React offers flexibility and adaptability. Decoupling the frontend from the content backend enables React developers full control to build customized user interfaces. Meanwhile, the headless CMS provides an API-based content delivery layer that can be consumed across platforms and devices. React allows for a familiar component-based approach, leveraging frontend developers' existing knowledge. The end result is performant UIs that can be quickly iterated visually.

React and Builder Integration

VISUAL CMS FEATURES

Get more done with less effort

Visual Editor Icon

Visual Editor

Enable everyone to get digital experiences to market. Let anyone drag and drop to compose experiences with your React components.

Structured Content Icon

Structured Content

Scale content efficiently. Create flexible data models for content that needs to scale across experiences or channels.

Asset Library Icon

Asset Library

Store and manage optimized assets. Upload, optimize, organize, and search
for images and videos.

AI icon

AI

Auto-generate content and sections. Use AI to generate content or entire visual sections with chat prompts.

Builder blog

Create a new project using our React SDK

Get started quickly with our step-by-step setup docs or dive right into code examples to see how the SDK is applied in practice. With explicit guides and hands-on samples, we aim to empower React developers to easily connect their apps to Builder.io's content management API. Our React SDK enables you to build stellar React applications faster by leveraging the strength of our CMS infrastructure.

$

npm install @builder.io/react

Copied to Clipboard!

Start building

Integrate page building

Integrate section building

Check out Builder.io's integration guide for detailed, step-by-step instructions on using our React SDK. The docs walkthrough page building while also covering sections, components, and data integration. Follow the guide to seamlessly connect your React app and Builder's Visual Headless CMS capabilities.

View the full integration docs

Leverage a range of scalable built-in tools

Utilize Builder however you need with powerful server-side and static optimization tools for better web development.

Roles and permissions

Determine who can input content, who can use your approved design system workflow, and who can create fully bespoke experiences.

Localization

Deliver highly personalized and localized experiences at scale.

Environments

Create pre-production environments to test updates and functionality

Performance

Build blazing fast experiences with advanced optimization, content delivery at the edge, and more.

AI-powered Figma to React Plugin with Visual Copilot

Builder.io's Visual Copilot uses artificial intelligence to quickly and precisely turn Figma designs into clean, responsive React code. This AI-powered Figma-to-code toolchain leverages advanced technology to automatically generate high-quality code from design files. Read more.

news icon

Learn more about Builder.io + React

Combining React's component architecture with a headless content management system paves the way for dynamic and seamless web applications.

Logo
Using Builder with React.js
Using Builder with React.js
View GitHub repo
Arrow
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment

Part
of
a
composable
stack

Compose content and iterate fast without sacrificing what you love.

Explore our integrations
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment
Elastic Path
Shopify
VTEX
Commercetools
Bigcommerce
Swell
Vue Storefront
Salesforce
Megento
Netlify
Cloudinary
Segment

BETA

Introducing

Visual Copilot

Visual Copilot saves developers time by using AI to turn Figma designs into code that looks like yours.

Learn more

Visual Copilot

We love our builders

See why teams are moving and optimizing faster with Builder

Cory House
@housecor

One of my clients just did a demo of Builder. Wow, I’m impressed.

Drag and drop React components. Configure their props. Dynamic routes. Styling overrides. All using custom React components.

Quite slick.

8:58 AM • Aug 22, 2023
Filip Rakowski
@filrakowski

TBH I haven't seen a company like this for a long time. They not only have a great commercial product but build breakthrough OS projects that move the web space into the right direction, which is even more important to me. Huge respect from me ;)

11:18 AM • Apr 13, 2022
Damon Chen
@damengchen

With the help of Builder, my team no longer needs to bother me again for some tasks like just updating the font size from 50px to 52px

11:23 PM • Apr 25, 2023
Stacie Taylor
@the_real_stacie

I’m a huge fan of Builder! My team at Zapier leans on it to build a platform for the marketing team to create some of our highest touch pages, keeping in alignment with our design systems. It’s got a lot of really fantastic built-in functionality and is super easy to use! ✨

1:27 PM • Apr 13, 2022
Brian Sturdivan
@bsturd

We rely on it pretty heavily at Everlane. From an engineering perspective, their integration is really well thought out, super developer friendly. From a CMS perspective, I honestly couldn’t find anything else with the same depth of tooling Builder has.

11:13 AM • Apr 13, 2022
Guillermo Rauch
@rauchg

I've heard of Builder being successfully deployed for a wider range of usecases, and it works really well with Next.js

8:27 PM • Apr 14, 2022
DataChaz
@DataChaz

Builder, an AI-powered headless CMS, looks absolutely incredible! 🤯

4:17 PM • Apr 4, 2023

Get started with Builder

Use what you already have, or build a future-proof React application

Lastly, Builder’s Visual Headless CMS can be incrementally adopted for a better user experience. You don't have to rebuild your frontend from scratch—you can build on top of what you already have in real-time. And if you decide to replatform, it's easy: content created in Builder's Visual CMS will seamlessly migrate to your new platform.

Get started for free

Get the latest from Builder.io

Newsletter

Developer Newsletter

Latest tips, tricks, and news for frontend developers from our blog

Product Newsletter

Latest features and updates on the Builder.io platform

By submitting, you agree to our Privacy Policy