AvecCSS

A lightweight and flexible CSS framework

Simple and incredibly lightweight (only 9 KB gzipped) • Works well without javascript • Works well with practically classless HTML • AvecCSS is slim and approachable but still has the power to deliver your message elegantly and effectively.

Features

For semantic markup

AvecCSS can be used entirely without CSS classes. It is ideal as a default stylesheet for well-structured, semantic HTML.

Flexible layouts

Despite being lightweight, AvecCSS has a full-featured and modern layout system based on CSS Grid.

Useful components

Cards, menus, dropdowns, admonitions, tab boxes. Several ready-made widgets and utility classes are available.

Preference-aware

AvecCSS switches automatically to dark mode if that is your OS/browser preference. Several ready-made color themes are available as well.