Vivid is an open-source dashboard components library built on top of Vue.js and Tailwind CSS. In the Vue.js ecosystem, while there are chart libraries available, they often lack aesthetic appeal. Vivid was created to address this gap by providing developers with beautiful, customizable dashboard components.

Visit Website
Yearly Logo

Vivid offers developers a seamless way to create stunning dashboards out of the box. It harnesses the power of Vue.js and Tailwind CSS to ensure not only functionality but also visual excellence. While Vivid provides pre-designed components for ease of use, it retains flexibility, allowing developers to customize the components to suit their specific needs.

The Problem

Developers often encounter challenges when building visually appealing dashboards using existing Vue.js chart libraries. The lack of aesthetically pleasing options can impact the overall user experience and design quality of their applications.

Our Solution

Vivid solves this problem by offering a comprehensive library of visually striking dashboard components. By leveraging the power of Vue.js and Tailwind CSS, developers can effortlessly create aesthetically pleasing dashboards that meet both functional and design requirements. Vivid empowers developers to craft exceptional user interfaces and elevate the visual appeal of their applications.

Technologies Used

TypescriptVueTailwindGithubTurborepoVisual Studio Code

Let's work together.

Building beautiful and performant products

Contact Me


© 2023 Carlos Marques | Software Engineer & Designer