Join us for our biggest AI launch event on 10/31

Announcing Visual Copilot - Figma to production in half the time

Builder.io logo
Contact Sales
Platform
Developers
Contact Sales
Remix logo

Headless CMS for Remix

Builder's Visual Headless CMS works seamlessly with Remix to create fast, SEO-friendly websites. The combination allows content editors to build scalable sites in minutes with fewer engineering ticket dependencies.

Get startedTalk to us

WHY

Builder and Remix?

Remix excels at handling the front-end logic, routing, and UI components. It's a full-stack framework that gives developers complete control to build custom, interactive user interfaces. Remix and Builder.io together provide the perfect combination of a robust web development framework focused purely on front-end programming and a headless CMS specialized in visual editing and content management.

Remix and Builder

Visual CMS Features

Get more done with less effort

Visual Editor Icon

Visual Editor

Enable everyone to get 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 Blob

Create a new Remix project using our CLI

With just one line of code, you can install Builder's SDKs and Devtools. All you have to do is run this command in your terminal:

$
npm init builder.io@latest

Copied to Clipboard!

DEVTOOLS

Now, when you run your Remix app using npm run dev, you'll notice a user-friendly UI wizard guiding you through the integration process.

Click the Let's Get Started button

Sign up (or log in)

Authorize Builder

Devtools and Remix
Builder blob

Leverage a range of scalable built-in tools

Utilize Builder however you need with powerful server-side and static optimization tools.

Roles and permissions

Determine who can input content, who can use your approved design system, 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 web development with advanced optimization, content delivery at the edge, and more.

Build using React + Remix

Here's an example of code that uses Builder for a component-driven page.

Quick Code Reference

builder.init()

Each project you build in Builder has a Public API key that you can use to request your Builder content. Pass your key here to tell Builder where to look.

builder.get()

Fetches your content from Builder as JSON. You can add parameters and queries to get the right result.

<BuilderComponent/>

Pass the JSON you got from builder.get() to render a Builder page or section.

View the full documentation

4 Approaches to Visual Editing with a Headless CMS

In today's digital landscape, agile content management is crucial for rapidly publishing new content across platforms. This has led to the rise of headless CMS as a flexible approach. For Gatsby frontend developers, integrating a headless CMS like Builder provides a powerful way to separate the content backend from Gatsby's frontend framework. This enables dynamic content delivery while leveraging Gatsby's strengths for the UI.

News

Learn more about Builder.io + Remix

Remix and Builder.io together merge the strength of a leading-edge web development framework focused purely on front-end programming with a headless CMS providing specialized tools for intuitive, visual content management. This combination enables developers to rapidly build completely custom user interfaces and experiences while empowering non-technical teams to easily author and manage the content populating those experiences.

Logo
Documentation guides, tutorials, and templates
Documentation guides, tutorials, and templates
View Docs
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 plugins
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 Remix 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. And if you decide to replatform, it's easy: content created in Builder's Visual CMS will seamlessly migrate to your new content platform.

Get started for free
Newsletter

Get the latest from Builder.io

By submitting, you agree to our Privacy Policy

Product

Platform Overview

Integrations

What's New

Open Source

Builder

Builder

Mitosis

Mitosis

Qwik

Qwik

Partytown

Partytown

Popular Guides

From Design to Code Guide

Composable Commerce Guide

Headless CMS Guide

Headless Commerce Guide

Composable DXP Guide

Design to Code

Resources

Blog

Knowledge Base

Community Forum

Partners

Templates

Success Stories

Showcase

Resource Center

Frameworks

React

React

Next

Next.js

Qwik

Qwik

Gatsby

Gatsby

Angular

Angular

Vue

Vue

Svelte

Svelte

Remix logo

Remix

Nuxt

Nuxt

Hydrogen

Hydrogen

See All

© 2024 Builder.io, Inc.

Security

Privacy Policy

SaaS Terms

Security & Compliance

Cookie Preferences