OriginUI Vue
Origin UI Vue is a collection of 90+ ready-to-use, responsive, Tailwind‑CSS–styled Vue 3 components—forked from the original React-based Origin UI. It's fully customizable and easy to integrate for quickly building modern application interfaces.
90+ Copy‑and‑Paste Components
Includes buttons, dialogs, banners, notifications, forms, and layouts—growing library based on the React Origin UI.
Vue 3 & Tailwind CSS
Built with Vue 3, styled using Tailwind CSS, and leverages Lucide Vue icons and Reka UI primitives for accessibility.
Fully Customizable & Theme‑Ready
Unopinionated styles—you can copy components and adjust CSS variables or Tailwind classes as needed.
Responsive by Design
All components are mobile-first and designed to adapt seamlessly across screen sizes.
Dialog & Banner Variants
Includes rich variations: 21 dialog types, 12 banners, 21 notifications—ideal for feedback UIs.
Wide Button Collection
54 button styles covering different states, icons, layouts, and call-to-actions.
Copy‑Ready CSS Variable Setup
Root-level CSS variables cover colors, radii, animations, dark/light modes for easy theming.
Open‑Source & Actively Maintained
MIT-licensed, 169 ⭐ on GitHub with community feedback via Reddit and daily.dev.
Seamless Integration
Just clone or install via pnpm, then pick and paste components into your project with minimal overhead.