shoelace-css

css-framework layout utility

shoelace-css is a back to the basics CSS starter kit. It offers simple and accessible CSS rules that enable web developers to start styling quickly and efficiently.

Latest Ver

Homepage

Github

13,396

Dress in sophistication, a new beginning for the web

Transform your website with elegant designs and user-friendly features.

A starter kit providing simple and accessible CSS rules

CDN Download

License: MIT

Asset Type :

View All Versions

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

⚙️ JavaScript
{"html": "<div class='container'>\n  <h1 class='title'>Hello, Shoelace!</h1>\n</div>", "css": "@import url('https://cdnjs.cloudflare.com/ajax/libs/shoelace-css/1.0.0-beta24/shoelace.css');\n.container {\n  max-width: 800px;\n  margin: 0 auto;\n}\n.title {\n  color: #333;\n  text-align: center;\n}"}