New guide: AI is in production. Is your governance?

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Contact sales

New guide: AI is in production. Is your governance?

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Vue.js logo

Headless CMS for Vue

Builder's headless CMS integrates with Vue for developing performant, SEO-optimized sites. The visual editor works with Vue components, enabling rapid assembly of pages with reduced engineering tickets.

Get startedTalk to us
Everlane
scale ai
Zapier
JCREW
Harry's
Experian
Faire
Vistaprint
Aloyoga
Everlane
scale ai
Zapier
JCREW
Harry's
Experian
Faire
Vistaprint
Aloyoga

WHY

Builder and Vue

Vue's reactive components and lightweight virtual DOM enable efficient, scalable web apps. Builder's visual editor integrates with Vue, allowing rapid development of dynamic, customizable sites that leverage Vue's extensive ecosystem.

Vue and Builder

Visual CMS Features

Get more done with less effort

Visual Editor

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

Structured Content

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

Asset Library

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

AI

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

Vue

Create a new project using our Vue SDK

Explore our setup docs and code examples to integrate Builder's content API with Vue apps. Our SDK facilitates rapid development of Vue.js applications using visual CMS capabilities.

$

npm install @builder.io/sdk-vue

Copied to Clipboard!

Build using your Vue components

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

View the full documentation

Leverage a range of scalable built-in tools

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

Builder code
Roles

Roles and permissions

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

Localization

Localization

Deliver highly personalized and localized experiences at scale.

Environments

Environments

Create pre-production environments to test updates and functionality

Performance

Performance

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

4 Approaches to Visual Editing with a Headless CMS

Builder's headless CMS integrates with Vue via SDK, separating content management from the frontend. This allows for dynamic content delivery while maintaining Vue's UI capabilities.

Vue

Learn more about Builder + Vue

Vue's reactive components, performance, and flexible architecture make it ideal for building efficient, customizable CMS interfaces.

Launching Projects Faster With

Design to Code AI Automation

A pragmatic guide for engineering leaders and development teams

Read the guide

  • Fusion

  • Publish

  • Product Updates

  • Design to Code

  • Headless CMS

    Multi-Brand CMS

  • Landing Pages

  • Web Apps

  • Prototypes

  • Marketing Sites

  • Headless Commerce

Developer Resources

  • Documentation

  • Fusion Docs

  • Publish Docs

  • Figma AI to Production Code

  • AI Prototyping for Product Managers

  • Figma to Storybook

  • Figma to App Converter

  • All Resources

  • Blog

  • Webinars

  • Guides

  • Customer Stories

  • Community Forum

  • Partners

  • Affiliate Program

  • CMS Integrations

  • CMS Blueprints

  • Explainers

  • Glossary

  • Agent-Native

  • Figma to Code Guide

  • Headless CMS Guide

  • Headless Commerce Guide

  • Composable DXP Guide

  • About

  • Careers

  • Contact Sales

Security

Privacy Policy

SaaS Terms

Trust Center

Cookie Preferences

YouTube icon
Github icon
Twitter "X" icon
LinkedIn icon
Feed Icon