# vue

Official Vue.js language tooling and IDE support

Volar is the official Vue.js language tooling framework delivering advanced IDE support for Vue single-file components. It provides real-time TypeScript type inference in templates, intelligent autocompletion for components, props and slots, plus diagnostics from the Vue compiler. Volar powers the official Vue VSCode extension with 7M+ installs. Its core Volar.js layer is framework-agnostic, enabling language servers for other frameworks. MIT licensed with 13K+ stars.

Visual CMS and headless page builder

Builder.io is a visual development platform that lets teams create and optimize web and mobile content using a drag-and-drop editor that integrates directly with existing codebases and tech stacks (React, Next.js, Qwik, etc.). Empowers non-technical team members to publish and update digital experiences without waiting on developers. Includes headless CMS, A/B testing, and AI-powered Visual Copilot design-to-code.

AI-powered design to frontend code

Locofy is a design-to-code platform that converts Figma and Adobe XD designs into production-ready frontend code with high fidelity. Uses AI to automatically generate clean, responsive HTML/CSS/React/Next.js/React Native code from design files — eliminating labor-intensive manual translation. Includes Locofy Lightning for one-click conversion and Builder mode for custom components.

Debug Vue.js applications

Official browser DevTools extension for Vue.js providing deep inspection of component trees, reactive state, props, events, and slots. Includes Pinia/Vuex store debugging with time-travel, Vue Router inspection, performance timeline, and component highlighting. Works with Vue 2 and Vue 3. Available for Chrome and Firefox with standalone Electron app. Essential for debugging reactivity and understanding component hierarchies in Vue applications.