Shadcn-vue

Styled components come with opinated style. You usually customize them by overriding these styles.

You depends on no external library and need to copy paste component code into your own project. After pasting the code, it's yours and you can customize it as you want. However, you can't benefit from the updates automatically.

Provide components handling both logic and stying (or logic only if unstyled), but it is coupled to the Vue/React framework.

Made for Vue framework

Mobile-friendly component library support

The library uses Tailwind CSS itself and allows you to use it to customize components. As a Tailwind CSS user, this allows to keep a unique tool for all your styling.

The UI Library is entirely free for all available components.

All components are designed with accessibility in mind.

Provide a tool to help developpers generate new themes in an easy way.

Components are designed tu support both a light and dark version.

Figma is the leading design tool. Figma files contain the same components that the UI Library, so that designers can create designs without coding skills.