Visual CSS studios
Atelier
Four hands-on studios for the most visual parts of CSS: choreograph motion in Kinetix, paint gradients in ChromaFlow, explore properties in Specimen Lab and build layouts in IntrinsicFlow.
Free & open source · MIT licensed
Modern CSS, made visible.
csslib is a growing collection of open-source CSS projects: visual studios for designing with CSS and libraries that do more with less. Everything runs in the browser and hands you plain, framework-free code.
- No sign-up
- No build step
- MIT licensed
Projects
Two projects today, more on the way.
Each project stands on its own, with its own look, docs and purpose, and they share the same promise: modern native CSS, free to use.
CSS charting library
Vektor.css
Bar, radar, heatmap, donut, gauge, funnel and box-plot charts written as plain HTML lists and tables. One stylesheet, zero JavaScript, accessible by default.
<link rel="stylesheet" href="https://csslib.github.io/vektor-1.0.0.css">More projects are on the way
New studios, libraries and experiments built on modern CSS will join csslib over time.
Learn
Keep up with modern CSS.
Plain-language guides to the newest CSS features, and a curated list of the official specs, docs, support tables and tools.
Principles
What every csslib project shares.
Native CSS first
Built on what browsers already do well: custom properties, container queries, color-mix(), trigonometry and cascade layers.
No build, no lock-in
No frameworks, bundlers or accounts. Open a page or link a stylesheet and you are done.
Plain, readable output
Everything you take away is ordinary HTML and CSS you can read, edit and own.
Open source
MIT licensed from top to bottom. Use it in personal and commercial work.
FAQ
Questions, answered.
What is csslib?
csslib is a home for free, open-source CSS projects. Each project is independent: use the visual studios in Atelier, drop Vektor.css into a page, or take just the parts you need.
Is everything free?
Yes. Every project is released under the MIT License, with no sign-up and no paid tier.
Do I need a build step or framework?
No. The studios run in your browser and export plain CSS, and the libraries are single stylesheets you link from any page.
What is coming next?
More studios, libraries and experiments built on modern native CSS. Follow along on GitHub.
Find the right project and start building.
Design visually in Atelier or ship charts with Vektor.css. No account, no install.