# 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.

## 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.

## 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.

## 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
```

## Build using your Vuecomponents

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

## 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 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.

## Learn more about Builder + Vue

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