Introduction

The goal of Vuesion is to increase the speed of product development. Its main purpose is to be able to quickly validate product ideas and iterate fast in order to pivot when necessary. This boilerplate takes advantage of Nuxt.js and its vast ecosystem and glues together modern best practices across engineering & design.

For example, we use the Nuxt.js modules for generic functionality, but we also provide solutions to problems that appear by integrating with other Nuxt.js modules.

We also provide a design system that you can customize 100% to fit your brand identity. Out of experience, we decided against an existing UI library or UI Framework. We learned that they only work to a certain degree and quickly start to slow down the product validation process.

In order to come up with a genuine product, it is often necessary to have a very specific design language and the number of phrases like "I cannot change that because the library does not support it." increases quickly.

Vuesion gives you the most common use-cases and components - The code is all yours to modify and build upon.

No Excuses

The limitations of your product are up to the imagination of the designers and your ability to implement their feature requests.

This is an ever-evolving project. If you want to help, or you have an idea how to improve this project - feel free to file an issue (opens new window)

Why Choose Vuesion?

• Rapid Prototyping: Quickly validate and iterate on product ideas.
• Customizable Design System: Tailor the design to fit your brand without constraints from existing UI libraries.
• Modern Best Practices: Leverages the best practices in engineering and design, integrating seamlessly with Nuxt.js.
• Community Support: Benefit from an active community ready to help and collaborate.
• Ownership and Flexibility: Complete control over the codebase, allowing for modifications and extensions to suit specific needs.

Key Features

• Comprehensive Design System: Pre-built with 35+ customizable components, Figma UIKit integration, and theming support.
• Developer Experience: TypeScript, ESLint, Prettier, Husky hooks, and semantic releases ensure high code quality and maintainability.
• Code Generation: Vuesion includes a generator framework to easily create code based on a customizable style guide.
• Robust Testing Setup: E2E testing with Cypress, Vitest, and Testing-library with 250+ example tests.
• Internationalization (i18n): Scripts included to simplify translation management, making it easier to build multilingual applications.
• Versatile Core: Nuxt.js support for server-side rendering, static site generation, and single-page applications.
• Fully Set Up and Ready-to-Go: Storybook, Authentication, Security, PWA, Color Mode, and Libraries for Animations and Form Validation.

For more information visit the official website (opens new window) and the GitHub repository (opens new window).