Sloth.css

A drop-in utility component CSS library for lazy mammals.
Created by devmount.

Check the documentation to see it live in action. Sloth.css aims to be:

• Lightweight (7.5KB gzipped)
• Responsive and mobile-friendly
• Beautiful per default but heavily customisable
• Working for all modern browsers

Installation

See the installation instructions for different setup options. Add it to your project's dependencies:

npm i @devmount/sloth.css

Or for a quick start include the following CSS file in your HTML head to get the complete package (drop-in core styles, utility classes and CSS components):

<link rel="stylesheet" href="https://unpkg.com/@devmount/sloth.css@^0/sloth.min.css" />

If you just want to use the drop-in core styles, the utility classes or the CSS components separately, you can use one of these:

<link rel="stylesheet" href="https://unpkg.com/@devmount/sloth.css@^0/sloth.core.min.css" />
<link rel="stylesheet" href="https://unpkg.com/@devmount/sloth.css@^0/sloth.util.min.css" />
<link rel="stylesheet" href="https://unpkg.com/@devmount/sloth.css@^0/sloth.comp.min.css" />

Features

Sloth.css can be used as drop-in CSS library, or with a curated set of utility classes or even with a collection of handcrafted ready-to-copy-paste components. Styles are opinionated (then again: which styles are not), and crafted to prioritize visual usability over trends such as flat design. For example: Elements where you type in (like input fields) are actually inset, elements that are clickable (like buttons) are actually outstanding, tabs are connected to the content they activate etc.

License

This project is licensed under the MIT License.

Support

Sloth.css is completely free to use. If it's useful for you and you enjoy it, please consider contributing, sponsoring me or donating via Paypal to support further development. 🧡