Getting Started

Overview

Vituum is a mix of words Vite (French word for "quick") and Tuum
(Estonian word for "core")

It's a set of plugins for Vite, the full list can be found on Plugins page.

Get started

Already using preview version of Vituum 0.0.x? Learn more how to migrate to 1.0.

$ npm create vite@latest
$ npm i vituum --save-dev

Then add Vituum to your Vite config, this adds basic multi-page .html support in src/pages. Add more functionality, template engines and more with Vituum Plugins.

import vituum from 'vituum'

export default {
    plugins: [
        vituum()
    ]
}

And start Vite. Or build your project, see Vite docs for more info.

$ npx vite

You can learn more about how to use Vituum in the examples bellow.

Trying Vituum Online

You can also try Vituum online on StackBlitz.

Basic

• vituum
• vituum + posthtml
• vituum + postcss
• vituum + less
• vituum + sass
• vituum + juice

Templates

• vituum + twig
• vituum + latte
• vituum + liquid
• vituum + nunjucks
• vituum + handlebars
• vituum + pug

CSS

• vituum + tailwindcss
• vituum + winduum
• vituum + openprops
• vituum + bootstrap
• vituum + bulma

All examples can be found on GitHub.