Altiva Framework: Development for Humans


stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
3326May 9, 2021Dec 3, 2015Minified + gzip package size for @altiva/altiva in KB


Altiva Framework: Development for Humans

Join the chat at https://gitter.im/Altiva/altiva Build Status codecov npm npm

Altiva is a front-end framework and its goal is to make universal app development as human-friendly as possible. Nevertheless, besides the easiness, we also consider high performance and safety.


Altiva is open-source (MIT), written in Javascript and based on Svelte.


  • Easy built-in routing
  • Easy component creation (HTML and CSS)
  • Easy mobile packaging (Android, iOS, Windows Phone, etc)
  • Component auto-loading and auto-caching
  • Easy consumption of HTTP API's
  • Easy JWT authentication
  • Real-time integration with socket back-ends (in development)
  • Easy route filters
  • Support for APIs and backends with JWT authentication


Step 1

Install Node.js and then install Altiva 2.0 globally:

npm install @altiva/altiva -g

Step 2

  1. Navigate in your terminal to a directory where you organize your projects
  2. Create a new Altiva project. A new folder "project_name" will be created with the base structure of files and folders.
altiva new <project_name>
  1. Or, create a new Altiva project using an existing empty directory. The base structure of files and folders will be created inside of it.
altiva new .

Step 3

Start the development mode with:

altiva dev

The pre-compiled files of your project will be saved in dev folder and will run in your browser, refreshing with each modification.

Step 4

When you are done, end the dev-mode with a CTRL+C and build your project with:

altiva build

It will be compiled and saved in build folder, with additional minification and tree-shaking process.


Copyright (c) 2015-2018 Paulo Coghi and contributors. Released under an MIT license.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.