Altitude is an extremely versatile dashboard UI Kit built with Bulma and Alpine JS v3.
Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the modern web. Plop in a script tag and get going. There is no better way to get a feel for what Alpine is and what it can do than using it.
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.
This template is powered by Astro. Astro is an all-in-one web framework for building fast, content-focused websites. This includes most marketing sites, publishing sites, documentation sites, blogs, portfolios, and some ecommerce sites. Astro features lightning-fast cold server start, instant hot module replacement (HMR) and true on-demand compilation.
Altitude styles are written in SCSS and outputed into a single minified css core file (actually two if you take the RTL stylesheet into account). 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.
Altitude ships into a complete dashboard HTML template that you can use in your favorite technical stack or type of setup based on web technology. 38 demo pages are provided with the project covering most of the common needs in dashboard layouts and subpages. You can use it as pure HTML, or indide a Vue, React, Angular or Laravel application project. You simply need to migrate the desired files and wire them up with a data source, wether it is a classic backend, or a headless REST API / GraphQl server.
Altitude 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..
Altitude is built with Bulma CSS, wich is natively fit for mobile and tablets, as a mobile first CSS framework. Altitude is ultra responsive and handles all types of viewports, such as mobile devices and tablets in both orientations.
NOTE: Please note that photos might not included in the main download files. Included images require proper licensing from you to be able to use them in production.
Take the time to check the file structure. Hovering each item will show additional details.
Starting from the developer license, you get full access to the Altitude Github private repository. This allows to stay up to date by getting the latest commits and to open issues for bug fixes, questions or feature requests.
We believe that providing meaningful updates to our templates are important to keep up with the evolution of the dependencies, libraries, and the new design requirements that the modern day web industry requires.
By purchasing a Developer or Business License for this item, you get access to its private GitHub repository.
A free version to try and taste the product
Use this template on a single domain / subdomain.
Same as starter license with private Github access.
Use this template on unlimited domains.
Some personal recommendations