Have a Shopify store? Try our new Theme Studio for Shopify!

Shopify store? Try our Theme Studio for Shopify!

BUILDER

×

Features

Pricing

Resources

Get StartedLogin

Features

Pricing

Resources

Login

Get Started

Build and optimize digital experiences on any tech stack in minutes

Builder is the first and only headless CMS with a powerful drag-and-drop visual editor that lets you build, optimize, and measure digital experiences with speed and flexibility

Get Started

Render Builder pages

Use your components

// Register your component for use in the visual editor
const Heading = props => (
  <h1 className={headingClasses}>{props.title}</h1>
)
 
Builder.registerComponent(Heading, { 
  name: 'Heading',
  inputs: [{ name: 'title', type: 'text' }]
})

Developer

Control

Constrain to your design system and performance specs

Connects to existing sites, app, and backends

Developers can build plugins and components as needed

Supports all platforms (web, app, email)

Zero performance impact

Freedom from marketing requests

See All Features

and

Non-Developer

Autonomy

Create pages and content visually, no coding required

Full customization and design control

Target content at the right visitors / customers

Run A/B test to optimize user journeys

Measure conversions and heatmap user behavior

See All Features

Build anything and everything

landing pages

collection pages

lookbooks

product pages

sign-up modals

content pages

blog posts

Integrates

with any

platform / tech stack

Simple SDK or API integrations with any tech stack

React Example

HTML API Example

Plain JS Example

Also see our guides for Next.js and Gatsby

import { BuilderComponent, builder } from '@builder.io/react'

builder.init('YOUR_KEY')
 
export default let HomePage = () => {
  const [pageJson, setPage] = useState(null)

  useEffect(() => { 
    builder.get('page', { url: '/' }).promise().then(setPage)
  , [])

  return <BuilderComponent model="page" content={pageJson} />
}
Learn more about dynamic pages
import { Builder } from '@builder.io/react'
 
// Register our heading component for use in 
// the visual editor
const Heading = props => (
  <h1 className={style}>{props.title}</h1>
)
 
Builder.registerComponent(Heading, { 
  name: 'Heading',
  inputs: [{ name: 'title', type: 'text' }]
})
Learn more about using your components

Try it in CodeSandbox

Getting Started with Builder

Speed

Wins

To succeed you must move faster

Get more built faster

Unshackle developers from sales & marketing requests. Let designers and marketers build. And turn developer release cycles from weeks to minutes

Get insights faster

Understand your visitor's behavior and performance

Get results faster

Act on your insights and optimize more quickly to drive higher conversion

Get your visitors everything faster

Page speed and site performance are critical. Your visitors don't want to wait for what they want

View Features

Did we mention

this website was

made with Builder?

What will you create?

Get Started

This website was made with Builder!

BUILDER

Product

Features

Pricing

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service