OneUI Vue Edition - Vuejs 3 Admin Dashboard Template - 5

OneUI Vue Edition is a pure Vue.js 3 version created from scratch and based on the design of our best seller dashboard, OneUI 5. It comes in 2 powerful versions:

Vue.js + Vue Router based on Vite boilerplate
Laravel 12 + Inertia.js + Vue.js + Authentication (based on Laravel Breeze with Login, Register, Reset Password, Secure areas with password confirmation and Edit Profile page) out of the box

It is a super flexible Bootstrap 5 admin dashboard template and UI framework that was built with Vite, Vue Router and Pinia, using the Composition API and its <script setup> sugar syntax. It will enable you to build all kinds of pages using the same fast and powerful layout which supports dark mode out of the box. OneUI Vue Edition includes super modern tooling which will save you time and help you code your projects faster and more efficiently. It is completely modular with many unique features and will help you build your Vue.js 3 based projects.

OneUI Vue Edition is a professional, flexible, modern, fully featured admin template that can be used to create the UI for all kind of projects: Web Applications, Backend Websites, Websites, Custom Admin Panels, Admin Dashboards, CMS, CRM or even a Portfolio, Blog, Business Website. We encourage you to have a good look at live preview and discover all the included features!

Changelog

Vue.js 3, OneUI 5 and Bootstrap 5

3.2 Update – November 11, 2025

UPDATES
- Bootstrap 5.3.8 (5.3.3)
- Font Awesome 7.1.0 (6.7.2) – 29 new icons
- 15 dependencies updated to their latest version

3.1 Update - March 6, 2025
3.0 Update - October 11, 2024
2.7 Update - March 15, 2024
2.6 Update - October 12, 2023
2.5 Update - July 5, 2023
2.4 Update - March 10, 2023
2.3 Update - December 6, 2022
2.2 Update - August, 2022
2.1 Update - July 15, 2022
2.0 Release - March 24, 2022

Vue.js 2, OneUI 4 and Bootstrap 4

1.7 Update - January 17, 2022
1.6 Update - September 14, 2021
1.5 Update - June 16, 2021
1.4 Update - February 08, 2021
1.3 Update - August 26, 2020
1.2 Update - April 1, 2020
1.1 Update - March 19, 2020
1.0 Release - March 11, 2020

Key Features

OneUI Vue Edition was built with extra care and love, based on the valuable feedback we keep receiving over the many years we work on dashboard projects. It follows the best practices and uses the latest technologies. It will enable you to build fast, reliable, user friendly web applications and websites that will look great and work seamlessly across various screens and devices. It will be a valuable tool that will help you create the product that will provoke the emotions and credibility you want for your business.

2 versions are included (Vue.js + Vue Router and Laravel 12 + Inertia.js + Vue.js + Authentication)
Choose the one that better fits your project’s requirements.

Vite
OneUI Vue Edition comes packed with super modern tooling already set up to work out of the box. Just a console command away from start coding your project. You don’t have to think about ES6 or Sass compilation, CSS prefixes, web server or live refreshing. Everything just works, so you can focus on your work.

Pinia
State management library that helps us create a reactive store to save shared data that can be safely mutated from all our components.

Bootstrap 5
OneUI Vue Edition is based on the world’s most popular front-end component library. It is a major rewrite of almost the entire project and comes packed with lots of changes and features that make it the coolest release till now.

Built with Sass
OneUI CSS framework was built with Sass following a completely modular approach. It is easy to understand, customize and extend to fulfill your needs or project’s requirements.

Dark mode
It features a great looking, custom built dark mode for all its color themes and example pages.

One Powerful Layout
OneUI’s layout was built from the ground up to be flexible, lightweight and easy to use. It will enable you to build all kinds of pages that look and work great.

Super-Fast UI
GPU powered sidebar animations and smart CSS styles will ensure a super-fast experience for your mobile and desktop users.

Layout and Blocks APIs
Manipulate blocks and layout any way you want.

Clean Code
Code that is easy to read, follow and manipulate with many inline comments to help you along the way.

Ready Pages
All kinds of ready pages designed with attention to detail. Get inspired and create your own.

Font Awesome 7
OneUI comes packed with the latest version of the most popular icon pack on the planet featuring over 2000 icons.

Plugins
Carefully picked and integrated Vue.js plugins that will enrich your pages without bloating your workflow.

Documentation
In the package, you will find the OneUI Vue Edition Docs which can become a valuable tool in getting familiar with the overall structure and helping you start your project faster.

Feedback
We get to know you better by continuously listening to your feedback. This way, we learn where to focus our efforts and build/improve quality products to better match your needs.

Handcrafted Design

Passion
We are passionate with what we do and love crafting products that can make your life easier and help you succeed. We pay attention to small details and always aiming for the best.

Commitment
We are committed to our work and stand by our projects. Our aim is to improve them in every update and offer the most full-featured packages with the smallest possible footprint.

Less is More
We believe that design should be invisible and enhance the user experience, not get in the way. This gives room for your content to breath and attracts your users’ attention to the right place.

Support

Although OneUI Vue Edition is well commented & documented, you might need some further help, so feel free to contact us through our profile’s contact form. We will be more than happy to assist you as soon as possible!

Notes/Credits

The content in the template is fictional and doesn’t represent actual functionality unless it is stated otherwise. It is used only for demonstration and for populating the pages with examples.
MyPhotoPack was a project by pixelcave and provided awesome free images. Thanks to its license, all the images are included with the template!
Avatars are included only in the live preview as a demonstration.

OneUI Vue Edition - Vuejs 3 Admin Dashboard Template