Vanilla
A lightweight, extensible CSS framework built with Sass, offering a responsive grid and utility classes for web projects.
Score
50
User Rating
1.0
Free/Trial Support
Supported
Starting Price
--
Last Updated
Aug 04, 2026
Overview
What is Vanilla?
Vanilla is an open-source CSS framework developed by Canonical, designed to be simple and composable for building responsive web interfaces with Sass.
What is Vanilla used for?

Top Features
- Responsive CSS grid
- Basic HTML element styles
- Utility classes
- Open-source with LGPLv3 license
- Figma UI kit available
How to use Vanilla?
Install via npm or yarn, import into SCSS files, and compile. Use the responsive grid, patterns, and utility classes to style your project.
Alternative Tools
No alternative tools found
Pros & Cons
Pros
- Lightweight and fast
- Highly customizable
- Free and open-source
- Good browser support
Cons
- Requires Sass knowledge
- Limited built-in components
Use Cases
- Building responsive websites
- Prototyping web designs
- Extending with custom styles
Vanilla Pricing
Free Plan
No detailed pricing information available
User Reviews
1.0
out of 5
1.0
No reviews yet
Be the first to review this tool!