Shoelace.css - a back to the basics CSS starter kit


This week, I launched Shoelace.css. This is the foundation that Surreal 6.0 will be built on top of. It’s a lightweight alternative to CSS frameworks such as Bootstrap (31KB vs 192KB), and it’s pure CSS yet completely customizable!

It introduces some fairly new paradigms — namely the use of CSS variables and the CSS Grid. Granted, we need to evaluate just how much we can rely on those in production today, but as browsers continue to evolve Shoelace will become more and more relevant.

Since the launch, a few cool things have happened. KeyCDN has provided us with a free CDN so you can load Shoelace.css without having to store a local copy. :tada:

Then I wrote a post about it on David Walsh’s blog.

Then, today, I woke up to Shoelace on the front page of Hacker News. :open_mouth:

As a result, the project passed 360 :star:on GitHub and is trending there now.

Needless to say, I’m proud of my little side project. :blush:

Want to learn more? Head over to