Newsletter
Join the Community
Subscribe to our newsletter for the latest news and updates
Free Vue 3, Bootstrap 5, and Vite admin dashboard with Soft UI design and 70+ components.
Light Bootstrap Dashboard is an admin dashboard template designed to be beautiful and simple.
Vite Soft UI Dashboard is a free admin dashboard template by Creative Tim that pairs Bootstrap 5, Vue.js 3, Vite, and Vuex to provide a Soft UI–styled starting point for web applications and admin panels.
Vite Soft UI Dashboard is a free, prebuilt admin dashboard template built on Vue.js 3 and Bootstrap 5, with Vite as the frontend build tool and Vuex for state management. It produces a ready-to-customize Vue project that includes over 70 individual UI elements—buttons, inputs, navbars, nav tabs, cards, and alerts—plus example pages for common admin tasks. The template is developed and maintained by Creative Tim and hosted on its product page and GitHub repository.
70+ Vue components — Over 70 individual frontend elements are included, such as buttons, inputs, navbars, nav tabs, cards, and alerts, all implemented as reusable Vue components (e.g., VsudButton, VsudInput, VsudAlert).
Soft UI design system — The dashboard follows the Soft UI design trend with soft shadows and rounded corners; colors can be modified via SASS files and classes in the src/assets/scss directory.
Vue 3 + Vite tooling — Built with Vue.js 3 and Vite, the template includes a vite.config.js and uses a standard Vite project layout for fast development and hot reload.
Vuex state management — A Vuex store is included at src/store/index.js, providing a pattern for managing shared application state.
Prebuilt example pages — Comes with views for Dashboard, Profile, Sign In, Sign Up, Billing, Tables, Virtual Reality, RTL layout, and a Home page, each built from reusable components.
Reusable component library — The src/components directory contains 13 UI components (Icon, VsudAlert, VsudAvatar, VsudBadge, VsudButton, VsudCheckbox, VsudInput, VsudPagination, VsudPaginationItem, VsudProgress, VsudRadio, VsudSwitch, VsudTextarea).
Documentation hosted by Creative Tim — Each element is documented in the Creative Tim learning lab, with a dedicated overview page for Soft UI Dashboard.
Dockerfile and one-click deploy — The project includes a Dockerfile for containerized deployment and a Genezio deploy button that links the GitHub repository to a live deployment.
Frontend developers — Developers who need a solid Vue 3 + Bootstrap 5 base for building an admin panel without writing all UI components from scratch, using the included Vue components and example pages.
Startups and product teams — Teams that want a free dashboard to visualize data, manage users, or handle billing; they can customize the SASS variables to match their brand.
Rapid prototype builders — Designers and developers who want to jump from a visual design to functional code quickly, using the prebuilt blocks and layout examples to create a prototype in hours.
Create admin dashboards — Use the prebuilt Dashboard, Tables, Billing, and Profile pages as the foundation for a back-office application.
Build authentication flows — Start from the Sign In and Sign Up pages to add login and registration screens to a Vue app.
Customize colors and styling — Edit SASS variables in the src/assets/scss folder to change the entire color palette to match a product or client brand.
Deploy to the cloud — Deploy the repository to Genezio with one click using the deploy button in the README, or use the included Dockerfile for containerized hosting.
To start, download the product from Creative Tim, install Node.js LTS from the official page, navigate to the root directory containing package.json, and run npm install to install local dependencies. After that, the project is ready for development using the standard Vite and Vue workflow defined by the included vite.config.js.
Vite Soft UI Dashboard is free to download from Creative Tim, as stated in the README's description: "Free Bootstrap 5 & VueJS 3 Dashboard." There are no paid tiers mentioned on the page.
Yes, the template is free to download from Creative Tim's product page. The README repeatedly calls it a "Free Bootstrap 5 & VueJS 3 Dashboard" with open access to its source code on GitHub.
It uses Vue.js 3 as the JavaScript framework, Bootstrap 5 for CSS styling, Vite as the build tool, and Vuex for state management. The project also relies on Popper.js for popover and tooltip positioning.
The view directory lists Home, Dashboard, Profile, Sign In, Sign Up, Billing, Tables, Virtual Reality, and RTL pages. Each view is paired with supporting components such as tables, cards, and charts.
Yes, Creative Tim provides detailed documentation for each component and the dashboard as a whole on its learning lab website. The README links to documentation at creativetim.com/learning-lab/vue/overview/soft-ui-dashboard.
Yes, the file structure includes a Dockerfile, and the README offers a one-click deploy button to Genezio that clones the GitHub repository and launches a live version of the template.
