Vuesion

Vuesion is a boilerplate that empowers product teams to build faster with modern best practices across engineering and design. It features a full-stack framework, comprehensive design system, robust testing, and seamless internationalization.

Live demo

Please visit the vuesion app on heroku!

Or have a look into the future and visit the vuesion-next app on heroku!

Get started

Documentation

Features

Testing

Cypress.io E2E testing
Vitest Testing framework
Testing-library to encourage good testing practices
250+ example tests included

DX, Code quality and maintenance

Core

server-side-rendering, single-page-app or statically generated HTML with Nuxt.js
100% customizable Design-system with 35+ components including
- layout, typography, button, input, select, checkbox, radio, (range-)slider, toggle, ...
- theming/whitelabel support
Figma UIKit
SEO support
i18n support
Authentication module
PWA module
Code generators for
- components
- pages
- RESTful APIs
- pinia stores
Storybook with the following add-ons
- a11y
- actions
- console
- links
- story-source
- viewport
- theme-switcher
Form validation with vee-validate
Anime.js integration