Best Vue 3 component libraries for Design Systems

The component libraries on this list are accessible and can be styled to match your brand and your design tokens.

Accessibility mandatory
Customisable style

  • Headless UI

    Screenshot of Headless UI

    Headless UI is made by the team at Tailwind Labs. It's a set of unstyled components ready to be styled. Intended to be used with Tailwindcss, it can also be used by any CSS utility solution. (Also available for React)

    Features

    • ~10 components

  • Vuetify 3

    Screenshot of Vuetify 3

    Vuetify implements Google's Material Design.

    Features

    • 16+ components

  • Vuestic UI

    Screenshot of Vuestic UI

    Vuestic UI is a fully customizable component library.

    Features

    • 50+ components

  • Naive UI

    Screenshot of Naive UI

    Naive UI is a themable component library writen in TypeScript.

    Features

    • 70+ components

Building your design system?

Backlight is an all-in-one design system platform that makes it easy for the whole team to collaborate on, build and ship a design system.

Try for free