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
Render Builder pages
Use your components
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} />
}
Empowering teams
and powering content for leading brands
Developer
Control
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
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
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
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} />
}
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' }]
})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
Did we mention
this website was
made with Builder?
What will you create?
This website was made with Builder!
BUILDER
© 2020 Builder.io, Inc.