Jump to main content

Vanilla

Vanilla is our lightweight, composable and open-source component library. It contains a responsive CSS grid, basic style for HTML elements and a selection of key useful patterns and utility classes that you can extend.

A simple, extensible CSS framework.
Backed by open-source and written in Sass by the Canonical Web Team.

Lightweight

Vanilla contains a responsive CSS grid, basic style for HTML elements and a selection of key useful patterns and utility classes that you can extend.

Composable

Designed to be composable — you can include the whole framework to avail of all styles or you can use only what you need for your project.

Open source

Anyone can contribute to Vanilla, improve it and extend it. All the code is available on GitHub and is licensed under LGPLv3 by Canonical.


Documentation

Vanilla framework documentation contains everything you need to know to download, install and use it in your projects.

Learn about the settings, base styles, components, utilities, layouts to build the sites or apps.

Read Vanilla framework documentation

Source code

Anyone can contribute to Vanilla, improve it and extend it. All the code is available on GitHub and is licensed under LGPLv3 by Canonical.


Design

Alongside the Vanilla CSS framework we also provide tools to help you build your designs using our most up-to-date responsive components.