PHPackages                             pixelbrackets/barebone-stylesheet - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. pixelbrackets/barebone-stylesheet

ActiveLibrary

pixelbrackets/barebone-stylesheet
=================================

Barebone Stylesheet - Just enough CSS to look great everywhere

1.2.1(3y ago)0738↓100%GPL-2.0-or-later

Since Nov 8Pushed 3y ago1 watchersCompare

[ Source](https://github.com/pixelbrackets/barebone-stylesheet)[ Packagist](https://packagist.org/packages/pixelbrackets/barebone-stylesheet)[ RSS](/packages/pixelbrackets-barebone-stylesheet/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (6)Used By (0)

Barebone Stylesheet
===================

[](#barebone-stylesheet)

[![Packagist](https://camo.githubusercontent.com/9a86b15de9314635f5dee7442c6a1d7e813f64be7a1dcd3fb77955549e6f80b8/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f706978656c627261636b6574732f62617265626f6e652d7374796c6573686565742e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/pixelbrackets/barebone-stylesheet/)[![NPM](https://camo.githubusercontent.com/9b51cd77e1f8addddacc61f2cca29bb4b617d51b54f67603ebf1cf1a21dc3d72/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f40706978656c627261636b6574732f62617265626f6e652d7374796c6573686565742e7376673f7374796c653d666c61742d737175617265)](https://www.npmjs.com/package/@pixelbrackets/barebone-stylesheet/)[![License](https://camo.githubusercontent.com/4daac00aaa49d8045d90fc294ffbcc993557bc747e009ca9b1e0bb5271dafa7d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d67706c2d2d322e302d2d6f722d2d6c617465722d626c75652e7376673f7374796c653d666c61742d737175617265)](https://spdx.org/licenses/GPL-2.0-or-later.html)

Barebone Stylesheet - Just enough CSS to look great everywhere.

[![Screenshot](./docs/screenshot.png)](./docs/screenshot.png)

*⭐ You like this package? Please star it or send a tweet. ⭐*

Vision
------

[](#vision)

This package provides a ready build stylesheet with *just enough styles*to make a website look good everywhere.

It is based on the three terrific articles

- [58 bytes of CSS to look great nearly everywhere](https://gist.github.com/JoeyBurzynski/617fb6201335779f8424ad9528b72c41)
- [100 Bytes of CSS to look great everywhere](https://www.swyx.io/css-100-bytes)
- [Web Design in 4 minutes](https://jgthms.com/web-design-in-4-minutes/#share)

and aims to be one of the smallest stylesheets necessary to make *textual content* on MVP webapps *readable and appealing*.

Default browser styles that look good enough will not be adjusted. More ambitious components like cards, secondary buttons, gradients, grids, nested content or dark-mode themes are not supported. If needed, then please use a CSS framework like [Skeleton](https://getskeleton.com/) or [Bootstrap](https://getbootstrap.com) instead.

Requirements
------------

[](#requirements)

- None

Installation
------------

[](#installation)

Download [manually](https://gitlab.com/pixelbrackets/barebone-stylesheet/-/raw/master/dist/barebone.css?inline=false)or use a CDN like [jsDelivr](https://cdn.jsdelivr.net/gh/pixelbrackets/barebone-stylesheet/dist/barebone.min.css).

Packagist Entry

NPM Entry

Source
------

[](#source)

Mirror  (Issues & Pull Requests mirrored to GitLab)

Demo
----

[](#demo)

🚀

Usage
-----

[](#usage)

Import the `barebone.css` file. That's it.

📦 A minified version, named `barebone.min.css`, is available as well.

💡 You may override the primary color, which is used for links and visual accents, with a single CSS variable setting:

```

:root { --primary-color: purple; }
```

📄 *Hint: To generate a minimal site with valid markup in no-time you may want to take a look at the PHP packages [pixelbrackets/html5-mini-template](https://packagist.org/packages/pixelbrackets/html5-mini-template)and [pixelbrackets/markdown-mini-page](https://packagist.org/packages/pixelbrackets/markdown-mini-page).*

License
-------

[](#license)

GNU General Public License version 2 or later

The GNU General Public License can be found at .

Author
------

[](#author)

Dan Untenzu ( / [@pixelbrackets](https://pixelbrackets.de))

Changelog
---------

[](#changelog)

See [CHANGELOG.md](./CHANGELOG.md)

Contribution
------------

[](#contribution)

This script is Open Source, so please use, share, patch, extend or fork it.

[Contributions](./CONTRIBUTING.md) are welcome!

Feedback
--------

[](#feedback)

Please send some [feedback](https://pixelbrackets.de/) and share how this package has proven useful to you or how you may help to improve it.

###  Health Score

26

—

LowBetter than 43% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity16

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity50

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

4

Last Release

1276d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/3ca67c6c7d79cf33bb5688dcbf217ad52309a52580b6a490aae8445f446178a3?d=identicon)[pixelbrackets](/maintainers/pixelbrackets)

---

Top Contributors

[![pixelbrackets](https://avatars.githubusercontent.com/u/1592995?v=4)](https://github.com/pixelbrackets "pixelbrackets (16 commits)")

### Embed Badge

![Health badge](/badges/pixelbrackets-barebone-stylesheet/health.svg)

```
[![Health](https://phpackages.com/badges/pixelbrackets-barebone-stylesheet/health.svg)](https://phpackages.com/packages/pixelbrackets-barebone-stylesheet)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)