Welcome to Vue Sui
A collection of reusable UI components for Vue and Nuxt.
Vue Sui: Sui Components that Flow with Your Code
Inspired by the Japanese word "Sui" (水, meaning water), Vue Sui components embody water's essence—fluid, pure, and ever-adapting. They flow seamlessly into your Vue and Nuxt projects, providing pre-made, customizable UI elements that speed up development without constraints.
Adaptable as Water, Powerful as Vue.
Core Pillars
- Fluidity (Ryūdō-sei - 流動性): Components resize and respond effortlessly—like water filling a container.
- Adaptability (Tekiyō-sei - 適応性): Works in any environment—light/dark modes, i18n, SSR—mirroring water's ability to change form.
- Purity (Junsui - 純粋): Minimal, type-safe, and accessible—no unnecessary dependencies.
- Harmony (Chōwa - 調和): Integrates with Vue's ecosystem for balanced, serene apps.
Why Vue Sui Exists
Vue Sui empowers you to build Vue apps with ease using pre-made components, but without traditional library constraints. Our open-source strength lies in the documentation—each component page offers complete, self-contained code you can copy-paste directly into your project, including all related files. This gives you full ownership: replicate, customize, and integrate freely. As a solo-maintained project, it's focused on simplicity, with plans to expand community involvement as it grows.
Learn more about our story →