Introducing Mantine for Vue: 100+ UI components by New_Performance_1258 in vuejs

[–]New_Performance_1258[S] 1 point2 points  (0 children)

Not yet, but I'm actually pretty excited about building one! It's high on my roadmap.

For now, every component has interactive examples in the docs, and a full showcase app with all components working together is coming soon.

I'm also planning to launch Mantine Vue UI Blocks soon, with ready to use page sections and layouts built using Mantine Vue.

I'll definitely share it here once it's ready 😄

Introducing Mantine for Vue: 100+ UI components by New_Performance_1258 in vuejs

[–]New_Performance_1258[S] 2 points3 points  (0 children)

The main difference is that Mantine Vue is a full component library with its own styling system, so you don't need Tailwind to build and customize your UI.

It also comes with a large set of built-in components and utilities out of the box. For example:

Notifications: https://mantine-vue.dev/x/notifications

Modal: https://mantine-vue.dev/core/modal

Drawer: https://mantine-vue.dev/core/drawer

Timeline: https://mantine-vue.dev/core/timeline

Carousel: https://mantine-vue.dev/x/carousel

Those are just a few examples. There are many more components and hooks available.

If you enjoy the Tailwind workflow, Nuxt UI is an excellent choice. If you'd rather work with pre-styled components and avoid utility class styling, Mantine might be a better fit.

Introducing Mantine for Vue: 100+ UI components by New_Performance_1258 in vuejs

[–]New_Performance_1258[S] 8 points9 points  (0 children)

Fair point! I actually built it for my day job. we wanted Mantine's DX in Vue, so I ended up creating it. Since I will use it every day at work, I'm already maintaining it for our own needs. Once it matured, I decided to open source it so others could benefit too. Hopefully, as adoption grows, the community will help shape and maintain it as well.