Vuero - VueJS 3 Admin and Webapp UI Kit

Vuero – VueJS 3 Admin and Webapp UI Kit


vuero preview. large preview

Vuero - VueJS 3 Admin and Webapp UI Kit - 1

Vuero - VueJS 3 Admin and Webapp UI Kit - 2

Vuero is not a theme, it’s not a framework, instead, it is a hybrid design system. Vuero is not just a Vue port of Huro, it is a full rewrite using the brand new Vue 3 Composition API. It provides ready pages to start building your application effortlessly, as well as a set of additional elements that will help you create new pages for your specific needs. Everything you need to start is there, dashboards, forms, layouts, profile, apps, elements, components and much more.. Please note however that Vuero is not a WordPress theme.

Built with Vue 3

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable.

Vite Powered

Vuero is powered by Vite. Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production. Vite features lightning-fast cold server start, instant hot module replacement (HMR) and true on-demand compilation.

Bulma framework

If you want to try something different than Bootstrap designs and code, this is the perfect alternative. Bulma is a lightweight and easy to use css framework based on Flexbox. It’s mobile first grid has proven to be extremely flexible and perfect for mobile devices. On top of that, you have lot of responsive modifiers and mixins natively available.

Theming capabilities

Vuero styles are written in Scss outputed into a single minified css core file. You can easily use the existing colors or create a new theme one from scratch really quicklysuitable for your brand.

Modular Core

Vuero Scss source files structure follows a modular pattern. Everything is already sliced for a better code maintainability. More, you can customize the Bulma source files and variables before building Vuero!

Nice looking starters

Vuero features 230 demo pages. it ships into a complete admin / webapp UI that you can use in your favorite platform or in a totally custom project

Responsive design

Vuero is based on Flexbox, wich is natively fit for mobile and tablets. Vuero is ultra responsive.

Template features

  • 230+ demo pages
  • Blazing fast Vite bundler
  • Dependency management
  • Development server
  • Hot Reloading
  • Graphic assets
  • All variables are customizable
  • Native Dark Mode

NOTE: Please note that photos are not included in the main download files.



  • Montserrat
  • Roboto




  Version 2.0.0 - Sep 20, 2021

typescript: remove dashs - from components name to match vue standards
typescript: enable volar and vue-tsc

- Features

add soccer and jobs dashboards (386206a)
add VFlex, VFlexItem, VGrid and VGridItem components (70afa23)
add video player on home, fix: multiselect shadow (d88e0cb)
homepage: add demo search input (a2c6220)
i18n: translate auth/signup-2 page (7aa6d3f)
typescript: enable volar and vue-tsc (869969a)
typescript: remove dashs - from components name to match vue standards (a0505c7)
vee-validate: add form validation example won signup-2 demo page (close #82) (5c2081f)

- Bug Fixes

cypress: add new page + fill auth form when required (be7ab25)
dark: change border and red colors in dark mode (a923e09)
flex-pagination: aria-current value when empty page (0d4794e)
form-stepper: broken dark mode (353ba4d)
icons: replace huge html file (ccfc19f)
profile-edit: edit profile menu item hover color (close #101) (744e7dd)
project-details: broken tabs (close #103) (f374b23)
stylelint: disable value-keyword-case rule (8be676f)
theme-colors: use getComputedStyle and map css variable values to themeColors (close #95) (c895d1d)
v-avatar-stack: add limit into props interface (close #97) (efb9cf9)
v-date-picker: use kebab case (a715486)
v-plyr: clean iframe source (0148804)
vaccordion: use default value when no openItems props is set (close #93) (632fb1e)
vfilepond: custom file validator to map accepted file props (eb5bc18)

  Version 1.4.0 - Sep 9, 2021


collapse-model: add v-collapsemodel component (2ad9030)
components: add v-flex in components, add css vars documentation (a64cdf5)
dev-tools: add commitlint and standard-version release tool for changelog/version generation (1f0d473)
docs: add color picker on documentation (4a2a844)
env: add .env file with example for mapbox api key) (7f4ef80)
flex-pagination: translate component (760fd47)
flex: add v-flex component (2d39989)
modal: translate component (4fbb873)
page-404: translate page (d4619cf)
reload-promp: add appName props + translate component (a4475a4)
scss: migrate to native css variables  (a680ad6)
scss: replace darken function in components with variables (d5f72a2)
scss: replace lighten function in components with variables (970586a)
scss: resolve darken/lighten colors (c17b9f8)
svg: add vite-svg-loader + use css variables in error-1.svg for demo (69c1867)
typings: migrate all components declaration to typescript with generic type notation (3e6c654)

Bug Fixes

button: import v-placeload instead of resolving (c97f1b0)
collapse icon (c7d52cc)
dark-mode: set is-dark class to documentElement (root html) instead of body (c6c3bf5)
svg: use .svg?url in html to avoid being imported as component by vite-svg-loader (f98be7e)
typings: remove unecessary declaration + ignore components.d.ts for linter (46da1bb)

  Version 1.3.1 - Jul 26, 2021
fix: remove usage of useContext to replace with useSlots (cae218d)
fix: add vue-demi dependencies (135ce23)
fix: update vue and vue/compiler-sfc + update minor deps (85cc46b)
fix(v-collapse): remove is-active class and use native open attribute (a390e96)

  Version 1.3.0 - Jul 18, 2021
fix: circular menu watcheffect
fix: v-plyr cover video size
feat: add redirection pages examples in auth and error
feat: add simple quickstarter pages and layout
feat: add useApi and useUserSession composable + add navigation guard example on dashboards pages
feat: update to vue 3.2.0
feat: add V-Vivus component
chore: add license file and fix minimum node version
chore: uniformisation of defineProps and defineEmits usage
chore: update documentation link
chore: update redirection route in navigation guard to auth instead of auth-login-1
refactor: export function in i18n and router
refactor(v-button): use render function instead of template
refactor(v-iconbutton): use render function instead of template
dx: improve subdirectory path comments
  Version 1.2.1 - Jun 22, 2021
fix: Broken account mobile menu on navbar layouts
fix: Colored navbar notifications dropdown hover bug
fix: Some onboarding pages not being responsive

  Version 1.2.0 - Jun 21, 2021
feat: add maps pages with mapbox (0bb8c25)
feat: extract messaging layout (de96804)
feat: simplify minimal layout (a16cb70)
feat: simplify navbar layout (c24eec2)
feat: simplify sidebar layout (cc5f665)
feat(v-placeload): add components and layouts (3aa90c0)
feat(v-avatar): add pictureDark props and add slots to customize avatars (9bd1516)
feat(v-button): add icon caret on and expose methods on v-dropdown (8963df9)
chore: update vue to 3.1 and bulma to 0.9.3 (243afe81)
chore: add internal sonarqube config (e9e78f3)
chore: reduce code smells and bugs (sonarqube) (166f44d)
chore: update dependencies (58c8471)
chore: update linters dependencies (c2be764)
chore(cypress): add ability to tests url with query arguments (3d97b27)
refactor: navbar layout and mobile navigation components (29689f3)
refactor: sidebar layout (062bd59)
refactor: useDropdown + improve accessibility (376f228)
refactor: useMarkdownToc + improve tables accessibility (e0a0585)
refactor: extract page title to layouts (abb2b4c)
refactor: merge layout switcher + screenshot generation (53bba1f)
refactor(v-dropdown): use components on partials (9c862ae)
fix: add missing ref on wizard upload (0d199b6)
fix: path aliases on windows (64af8c5)
fix: remove overflow to allow sticky elements (close #76) (7994087), closes #76

  Version 1.1.0 - Apr 22, 2021
- chore: add comments on main files + update deps 
- chore: extract navbar templates 
- chore: extract sidebar templates 
- chore: move demo files and update deps 
- chore: update deps, remove top nodes comments
- chore: update envato release process 
- chore: update major deps 
- chore: update minor deps 
- chore: update router and i18n comments + update deps packages 
- feat: add forms component and refactored documentation 
- feat: implement form stepper and marketing pages
- feat: import changes from huro
- feat: update dropdown navbar items + add npm and yarn lock files
- feat(v-accordionimage): emit select event and remove id field from items
- feat(v-buttons): add v-buttons wrapper component 
- feat(v-field): add label and horizontal props 
- feat(v-field): add multiline props 
- feat(v-snack): merge v-snackimage and v-snackicon components
- feat(v-tabs): add v-tabs component
- feat(v-tags): add v-tags wrapper components
- dx: add generated file
- dx: improve state comments and remove dead code
- dx: improve templates and main files comments + fix minor integration bugs
- dx: update 
- workflow: update deps 
- ci: add macos/ubuntu/windows test runner with github actions
- ci: fix github release workflow
- fix: disable layout switcher when not in dynamic layout pages
- fix: PropType import type
- fix(v-breadcrumb): non clickable element hover effect 
- fix(v-icon): add key to handle icon change 
- Updated live demo