Dev tools · alternatives · 2026

24 alternatives to Shoelace.css

A back to the basics CSS starter kit.

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Shoelace.css launched in 2017; newer entries below may have overtaken it.

1. 1
   Shoelace 2.0▲191

   A forward-thinking library of web components.

   2020 · shoelace.style · its alternatives →

2. 2
   Shoelace▲72

   A Visual Bootstrap 3 Builder.

   2014 · its alternatives →

3. 3SI
   Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta▲158

   2014 · shoelace.io · its alternatives →

4. 4
   Shoelace – A forward-thinking library of web components▲7

   Hand-crafted custom elements for any occasion.

   2021 · shoelace.style · its alternatives →

5. 5
   Shoelace▲233

   Google's new tool to supercharge your social life

   2019 · its alternatives →

6. 6
   Xpand Laces▲173

   Shoelaces redesigned. Never tie your shoes again.

   2017 · xpandlaces.com · its alternatives →

7. 7
   Water.css – A just-add-css collection of styles to make websites nicer▲501

   A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css

   2019 · github.com · its alternatives →

8. 8
   The Magic of CSS▲88

   Textbook for web designers/devs to become CSS wizards.

   2016 · adamschwartz.co · its alternatives →

9. 9
   Hint.css 2.0▲234

   A pure CSS tooltip library for your lovely websites.

   2016 · its alternatives →

10. 10
    CSS Wand▲330

    Easy copy-paste beautiful CSS animations

    2019 · csswand.dev · its alternatives →

11. 11
    Picnic CSS▲131

    A beautiful CSS library to kickstart your projects

    2016 · picnicss.com · its alternatives →

12. 12
    CSS Peeper▲350

    Smart CSS viewer tailored for Designers.

    2017 · csspeeper.com · its alternatives →

13. 13
    Layer CSS▲152

    Lightweight CSS framework to build your own fluid layouts

    2015 · layers-css.vercel.app · its alternatives →

14. 14
    Move Things With CSS▲102

    An ebook for learning CSS animations and transitions

    2020 · jh3y.gumroad.com · its alternatives →

15. 15
    Pure▲164

    Set of small, responsive CSS modules

    2014 · pure-css.github.io · its alternatives →

16. 16CC
    Chartss.css – accessible HTML/CSS charts with markdown support▲265

    2020 · rbitr.github.io · its alternatives →

17. 17
    A Single Div▲177

    A CSS drawing project

    2016 · a.singlediv.com · its alternatives →

18. 18
    Transforms in CSS▲117

    Free eBook for learning to code animations

    2016 · get.oreilly.com · its alternatives →

19. 19
    CSS Next▲87

    Use tomorrow’s CSS syntax, today.

    2015 · cssnext.io · its alternatives →

20. 20
    Simple Grid▲229

    Responsive & lightweight CSS grid for your website.

    2016 · simplegrid.io · its alternatives →

21. 21
    CSS Reference for iPhone, iPad▲157

    A visual guide to CSS with illustrated + animated examples

    2017 · apps.apple.com · its alternatives →

22. 22
    Trendy CSS Text Shadows▲178

    Curated collection of 42 text shadow and font combinations

    2017 · mixfont.com · its alternatives →

23. 23
    hack.css▲174

    The CSS framework for hackers

    2016 · hackcss.com · its alternatives →

24. 24
    Shoelace▲102

    Retargeting on autopilot for e-commerce merchants.

    2015 · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →