This page is using Cavepaint, the no-workflow, no-CSS, custom-property-powered modern CSS framework.
Since it uses custom properties, it's just a CSS file. Grab it using the field/buttons below, or customize it using the sliders.
Cavepaint is a CSS framework for devs and teams who want to spend way less time on CSS
<div class="card two-column golden reverse margin-auto gutter">
<img src="caveman.svg" alt="The Cavepaint caveman">
<div>
<h4 class="no-margins">Cavepaint</h4>
<p class="text-crunch">
Do CSS <em>without writing CSS</em>.
</p>
</div>
</div>
Example markup
Do CSS without writing CSS.
<section class="inner-card-width text-center gutter">
<div class="three-column light yellow padding">
<div class="green rounded">✓</div>
<div class="green rounded">✓</div>
<div class="red rounded">✗</div>
</div>
</section>
Example markup
No gzipping. No tree-shaking. No stress. Simply use the CSS file.
Breathe life into your pages with hundreds of easy-to-remember, easy-to-master color names.
Simple class names, taken mostly from CSS, with no abbreviations or numbers.
Hello, world.
Hello, world.
Hello, world.
This is centered text.
Center vertically with the .vertical-center composable on an element that has children.
(no classes)
mobile
tablet
mobile tablet
desktop
hide
hide mobile
hide tablet
hide mobile tablet
hide desktop
new2css: i added 'blue' but i don't like the blue
hazel: try warm blue
johnnee: cool blue
byzan10: neutral dark blue
hazel: bright blue
new2css: nvm i found what i was looking for
johnnee: well?
johnnee: what was it?
new2css: teal
new2css: how do I set up my work flow?
tenfourover: what?
new2css: how do I trim out my unused CSS
new2css: minify, etc?
tenfourover: don't do any of that
tenfourover: cavepaint is only 30kb
tenfourover: use the remaining 20kb for whatever
tenfourover: and you're still good for AMP et al
new2css: is AMP a new js microframework?
tenfourover: no, it's a google standard
new2css: do you know any good new js microframeworks?
tenfourover: stop
new2css: less sounds perfect
new2css: complicated enough for a professional project
hazel: it is but
hazel: use the css version of cavepaint as long as you can
hazel: switch over whenever
hazel: usually you want to do that when your project is big enough to have its own designer
new2css: i'm a designer
new2css: i downloaded photoshop last week
Tiny sites will benefit from the full feature set. Easily add updates/features/content when you come back and make an update months later.
Razor-thin CSS files will leave you writing more CSS later. Cavepaint lets you express your design in the HTML.
Medium-sized sites are a great match for Cavepaint, since it acts like a central repository of design information for a project.
Cavepaint lets you fashion your website on-the-fly to adjust to changing requirements. It's as flexible as HTML and CSS because it is HTML and CSS.
Huge, complicated apps are the best for Cavepaint. The flexibility of the no-workflow approach lets you spin up small projects quickly, without tons of overhead for something as simple as CSS.
When you do need to finally write a substantial portion of your own CSS, you can use the Less preprocessor version of Cavepaint to organize your style codebase.