Shoelace.css is a starter kit, not a framework. Think of it as a CSS reset sprinkled with helpful components. Bootstrap users will find it familiar, yet refreshing.

You can use Shoelace with just about every browser. The CDN version is great for prototyping, but to take full advantage you should build it from source.

Here is the CSS you could be writing:

:root {
  --info-color: white;
  --info-bg: color(teal shade(25%));

.info {
  color: var(--info-color);
  background: var(--info-bg);

  &.info-big {
    font-size: 2rem;

CSS has a really bright future, and you can use most of its upcoming features today with Shoelace + cssnext. You no longer need Less or Sass to do amazing things with CSS.

Shoelace was created by @claviska for Surreal CMS. You can use it for free under the terms of the MIT license.

Fork Download Report a Bug Star

Accelerated by KeyCDN · © A Beautiful Site, LLC