CSS Vars Framework & UI Kit

About

This project has one main purpose to use as fewer resources as possible Most templates are built using CSS frameworkd, Jquery, JS, Font awesome, and many other resources and that affects the page load speed. Please, visit https://cssvars.com

Specifications

Pure HTML CSS

Everything you need without JS. It's built for SEO purposes so it's the lightest and most powerful

Fast Loading

A small CSS file makes wonders. Just 9kb (minified + gzipped), other frameworks require 100's

Extendable with Variables

Easy to set your colors and fonts. Set your brand colors & fonts, sizes, style with variables and ready classes

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 ...

Scoped CSS

CSSvars styles could be applied to a single element without breaking your existing code

Themes

14 themes, to change theme change the variables in the CSS file, you can choose one of the pre-built themes, or change the varables to match your needs

Dark & Light Themes

Pre-built dark & light themes and you can enable auto detect theme switcher based on the user's browser settings

Icons Included

Easy to use and style any SVG icon, no need for extra resources and icons frameworks

Free & Open Source

Built with love to be used. Free framework, UI elements, & themes. Download, use, enjoy & share