PHPackages                             jaredhowland/rhythm - 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. jaredhowland/rhythm

ActiveLibrary

jaredhowland/rhythm
===================

Sass files to create mobile-first responsive websites with vertical rhythm based on modular scales

1.2.0(9y ago)443MITHTML

Since Feb 13Pushed 2y ago4 watchersCompare

[ Source](https://github.com/jaredhowland/rhythm)[ Packagist](https://packagist.org/packages/jaredhowland/rhythm)[ Docs](http://github.com/jaredhowland/rhythm)[ RSS](/packages/jaredhowland-rhythm/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)DependenciesVersions (12)Used By (0)

About Rhythm
============

[](#about-rhythm)

Rhythm is a small set of [Sass files](http://sass-lang.com/) built to assist in creating [mobile-first](http://jaredhowland.github.io/rhythm), [responsive websites](http://jaredhowland.github.io/rhythm) with [vertical rhythm](http://24ways.org/2006/compose-to-a-vertical-rhythm) using [modular scales](http://alistapart.com/article/more-meaningful-typography).

Installation
============

[](#installation)

Rhythm is available as a [Bower package](http://bower.io/), a [Composer](https://getcomposer.org) [package](http://packagist.org/), and as a manual download.

Bower
-----

[](#bower)

1. If needed, install [Bower](http://bower.io/)
2. Run the following command: `bower install jaredhowland/rhythm`

Composer
--------

[](#composer)

1. If needed, install [Composer](https://getcomposer.org)
2. Add the following to your `composer.json` file:

```
"require": {
  "jaredhowland/rhythm": "~1.0"
}
```

Manual Installation
-------------------

[](#manual-installation)

1. [Download the latest `.zip` file](https://github.com/jaredhowland/rhythm/releases/latest).
2. Extract into your project.

Usage
=====

[](#usage)

Import Rhythm
-------------

[](#import-rhythm)

`@ import "path/to/rhythm";`

Basics
------

[](#basics)

Any time you want to change a `font-size`, `line-height`, `padding`, or `margin`, use Rhythm instead:

```
p {
  @include font-size(18px);
}

h2 {
  @include line-height($h2, 2); // Double the computed line height for font-size `h2`
}

h1 {
  @include padding(2 0 1); // Double top padding, no side padding, and single line-height bottom padding
}

ul {
  @include margin(1); // Single line-height margin size around entire element
}
```

Full details can be found on the [documentation site](http://jaredhowland.github.io/rhythm).

###  Health Score

31

—

LowBetter than 68% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity12

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity70

Established project with proven stability

 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 ~49 days

Recently: every ~119 days

Total

11

Last Release

3622d ago

Major Versions

0.1.3 → 1.0.02015-02-25

### Community

Maintainers

![](https://www.gravatar.com/avatar/59cb5cd88ec75bec83c29330aa11d974a5190368f38cb0f78df706992d31af95?d=identicon)[jaredhowland](/maintainers/jaredhowland)

---

Top Contributors

[![jaredhowland](https://avatars.githubusercontent.com/u/1877384?v=4)](https://github.com/jaredhowland "jaredhowland (49 commits)")

---

Tags

designmodular-arithmeticsasssass-frameworksass-mixinssassscssresponsivemobile-firstverticalrhythmmodular-scale

### Embed Badge

![Health badge](/badges/jaredhowland-rhythm/health.svg)

```
[![Health](https://phpackages.com/badges/jaredhowland-rhythm/health.svg)](https://phpackages.com/packages/jaredhowland-rhythm)
```

###  Alternatives

[twbs/bootstrap

The most popular front-end framework for developing responsive, mobile first projects on the web.

174.1k17.6M327](/packages/twbs-bootstrap)[twitter/bootstrap

The most popular front-end framework for developing responsive, mobile first projects on the web.

174.1k1.7M27](/packages/twitter-bootstrap)[zurb/foundation

The most advanced responsive front-end framework in the world.

29.8k380.2k15](/packages/zurb-foundation)[foundation/foundation-sites

The most advanced responsive front-end framework in the world.

29.8k8.4k](/packages/foundation-foundation-sites)[coreui/coreui

The most popular front-end framework for developing responsive, mobile-first projects on the web rewritten and maintain by the CoreUI Team

873111.6k4](/packages/coreui-coreui)[components/bootstrap

The most popular front-end framework for developing responsive, mobile first projects on the web.

932.8M63](/packages/components-bootstrap)

PHPackages © 2026

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