Vuero v2.6.1

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.

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. 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. Bulma is built on Flexbox, a CSS layout model that automatically adjusts the width of a page element based on the width of its container. Flexbox requires developers to write both HTML and CSS to create elements that adhere to this model. With Bulma, Flexbox behavior and most other things can be handled with HTML classes. First released in 2016, Bulma has gained traction among front-end developers, enough to compete with other well-known CSS frameworks like Bootstrap.

Theming capabilities

Vuero styles are written in SCSS and outputed into a single minified css core file. You can easily use the existing color palette or create a new theme from scratch, leveraging the existing CSS variables. You can also ake use ot the existing SCSS code to write your own components by starting from an exisiting one.

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! Vue JS components have their own scoped styles for CSS lazy loading, meaning by that, you only load what you need, greatly improving the experience.

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. It also provides a quickstarter project. This project is a clean starting base where you'll be able to paste in components and layouts from the main project.

Well documented

Vuero is a thoroughly documented template which covers everything from getting started to having all of the project setup and ready to go. Make sure to read the entire documentation and to follow all the steps to setup the template properly. Check out the template documentation for more details about installation and usage.

Responsive design

Vuero is built with Bulma CSS, wich is natively fit for mobile and tablets, as a mobile first CSS framework. Vuero is ultra responsive and handles all types of viewports, such as mobile devices and tablets in both orientations.

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.

Images

• Unsplash
• Pexels

Illustrations

• Freepik
• Undraw