clam.css v1.1.3
Clam.css
Clam.css provides a good-enough set of styles to kick off your new project. It's meant for building prototypes, where you want to build stuff quickly instead of wrestling with CSS. It styles plain HTML, so you don't need to learn a new framework or remember any class names.
Clam.css is also mobile responsive and has a dark mode which follows your system's theme. If you found a bug or have a feature request, please create an issue on GitHub.
Quick start
Clam.css is a single CSS file, so to use it you just need to include it in your HTML file. You can do this by including it from a CDN or by installing it from NPM. You can also download the source code directly and put it in your project.
Straight from the CDN
The simplest way to use Clam.css is to include it directly from the CDN. Just copy the code below and paste it in the <head> of your HTML file. Clam.css uses modern normalize for normalization, so you should include it as well.
<link rel="stylesheet" href="https://unpkg.com/modern-normalize" />
<link rel="stylesheet" href="https://unpkg.com/clam.css" />
<!-- *optional*: include the Inter font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap">Install from NPM
Another option is to install Clam.css from NPM using your preffered package manager (npm, yarn, pnpm, bun, etc.).
pnpm add clam.cssUsage might depend on the javascript framework you're using. In Next.js, you can add this line to your root layout:
import "clam.css";Documentation
You can find more information on the list of styles Clam.css provides and theming options in the docs.
License
Distributed under the MIT License. See LICENSE for more information.