Bullframe CSS

Semantic by default. Any stack.
Classless when you want it. System dark built in.

---

Why use it

• Semantic HTML first: headings, forms, tables, and links are styled without a pile of classes
• Classless when you want it: swap in bullframe-classless.css and keep markup as plain HTML
• Dark without a script: always-dark builds, or system-default builds that follow prefers-color-scheme
• Accessible defaults: focus-visible rings, reduced-motion respect, WCAG AA contrast on links and primary buttons
• Native CSS, any stack: PostCSS builds, no Sass, no runtime JavaScript, solid cross-browser support

When to use

Pages and forms, not complex app UIs: docs, blogs, landings, help centers, listings, micro-sites. One stylesheet for reset, type, forms, and layout. Class-based or classless. No Tailwind-style utility pipeline.

Getting started

npm install bullframe.css

import 'bullframe.css';

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css">

Docs

bullframecss.marcopontili.com

Examples

Example templates

Kitchen sink

Every styled element in one page

Contributing

See CONTRIBUTING.md. Bug reports and feature requests go through issues.

Author

Marco Pontili

License

MIT