CSS Vars Framework

The small CSS file that makes wonders

Easy to use and customize, 100's of pure CSS UI elements to build light-weight HTML pages fast


Learn more Fork on Github

CSS frameworks are either great for portals but heavy and requiring too many resources, or light but nothing more than a grid system. CSS Vars framework is invented to provide all required elements with one small CSS file. Built to load fast for better performance and SEO purposes.

CSS Vars team.
Based on Variables

Easy to use and customize

Set your brand colors & fonts, sizes, style with variables and ready classes

Pure HTML CSS

Everything you need without JS

It's built for better performance purposes, all common UI elements

Fast Loading

A small CSS file makes wonders

Just 10kb (minified + gzipped), including the UI kit code

Responsive & Mobile first

Much more than just a grid

Responsive images, videos, galleries,
tables, menus, maps, frames, embeds

100's of Free UI Elements

All needed elements are ready

Typography, buttons, cards, icons,
tabs, carousel, masonry, Flex gallery

Free & Open Source

Built with love to be used

Free framework, UI elements, &
themes. Download, use, enjoy & share

100+ page templates

Free templates for different topics

CSS Vars framework offers free page templates to build websites for free and easy to customize with CSSvars framework.
Explore Layots

UI Elements

Build with our elements

Free and Quality UI elements to use in your designs, fully customizable with CSS variables and already used and tested in top web sites and web apps.
Explore UI Elements

Build quality responsive websites quickly

No Javascript or other libraries needed, pure HTML & CSS to build great websites


Learn more Fork on Github

Built with love in Ukraine πŸ‡ΊπŸ‡¦ by Kim Majali, EITO team, and contributors.