Vue Play comes with a set off built-in components that provide a flexible starting point for building layouts and interfaces:
This built-in components support responsive breakpoints, enabling mobile-first design that adapts seamlessly to different screen sizes. They also support variation-based styling such as light mode and dark mode, as well as state-based styles like hover, active, current, and focus for the Navigator and Link components.
Together, these components forms a strong foundation for building responsive, flexible interfaces in Vue Play.
Custom components
Whether you're building internal UI libraries or open-sourcing design systems, Vue Play makes it easy to organize and distribute components. You can control visibility by keeping components private, sharing them with specific users or teams, or making them publicly available for broader reuse. Once added to a project, shared components become instantly available in the visual editor for drag-and-drop use—making building interfaces faster, more consistent, and highly collaborative.