miuix-vue is a Vue 3 component library that ports the design language from miuix (a Kotlin mobile/desktop UI framework) to the web. It provides 30+ ready-to-use components including buttons, cards, dialogs, sliders, switches, and more, all with spring-based animations that make web interfaces feel tactile and responsive. The library includes built-in light/dark theme support, 53 color tokens, and both basic icons and an extended pack of 155 icons. Developers can customize colors via CSS variables and switch themes programmatically or let the app follow the user's system preference.
How It Works
You hear about miuix-vue, a collection of beautiful web components that feel just like polished mobile apps, with smooth animations and modern design.
You install the library with a simple command, and all 30+ components are ready to use immediately in your Vue project.
The components have special spring-based animations — switches snap satisfyingly, sliders glide smoothly, cards respond to touch with tilt effects, and dialogs bounce in beautifully.
You switch between light and dark themes, or let the app automatically follow your visitor's preferences. You can also change any color with a simple line of code.
Use buttons, text, cards, and icons to build your layout quickly
Include switches, sliders, checkboxes, and dropdowns that respond to user actions
Pop up messages, confirmations, and bottom sheets that slide in smoothly
Your web project now has the polished, tactile feel of a native mobile app, with consistent design and smooth animations throughout.
Star Growth
Repurpose is a Pro feature
Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.
Unlock RepurposeSimilar repos coming soon.