PHPackages                             keyboardcowboy/orion - 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. [Templating & Views](/categories/templating)
4. /
5. keyboardcowboy/orion

ActiveLibrary[Templating & Views](/categories/templating)

keyboardcowboy/orion
====================

Library of sass mixins and jade templates for rapid prototyping.

3.2.0(10y ago)127GPL-2.0+CSS

Since Apr 3Pushed 10y ago2 watchersCompare

[ Source](https://github.com/KeyboardCowboy/orion)[ Packagist](https://packagist.org/packages/keyboardcowboy/orion)[ Docs](https://github.com/KeyboardCowboy/orion)[ RSS](/packages/keyboardcowboy-orion/feed)WikiDiscussions 3.x-dev Synced 1mo ago

READMEChangelogDependencies (1)Versions (9)Used By (0)

Orion Rapid Prototyping Library
===============================

[](#orion-rapid-prototyping-library)

Version 3.x

Orion is my own library of [SASS](http://sass-lang.com/) components and [Jade](http://jade-lang.com/) base layouts I've compiled over time in order to facilitate rapid prototyping for responsive and cross-browser compatible websites.

Libraries
---------

[](#libraries)

Orion ships with various 3rd party libraries:

### Included

[](#included)

Some libraries are included in Orion and are loaded automatically.

- [Bourbon](http://bourbon.io) for CSS3 and multi-vendor support (required for Orion to work)
- [Zen Grids](http://zengrids.com) for responsive grid layouts
- [Typeplate, v1.1.2](http://typeplate.com) for typography
- [Normalize, v2.1.3](http://necolas.github.io/normalize.css) for cross browser consistency

### Experimental

[](#experimental)

- [Foundation](http://foundation.zurb.com/docs/sass.html) components are being wrapped for easier implementation and to prevent unnecessary styles from being injected into the stylesheets.

How to Use Orion
----------------

[](#how-to-use-orion)

1. Drop Orion into your project.

    ```
     - mySassProject
       - orion
       - _vars.scss
       - _mixins.scss
       - styles.scss

    ```
2. Import the orion partial into your SCSS file.

`@import 'orion/orion';`

3. Add any custom variables and mixins, especially any variables that typeplate may use if you are including that.

    ```
     @import 'vars';
     @import 'mixins';

    ```
4. (Optional) Import starter styles

    ```
     @import 'orion/normalize';
     @import 'orion/typeplate';

    ```
5. Add your own styles.

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity9

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity68

Established project with proven stability

 Bus Factor1

Top contributor holds 57.9% 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 ~19 days

Recently: every ~29 days

Total

7

Last Release

3947d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/6067f952738d7618fb6fbcf8998f07451cd09ed5a0885513e1084ae416571303?d=identicon)[KeyboardCowboy](/maintainers/KeyboardCowboy)

---

Top Contributors

[![KeyboardCowboy](https://avatars.githubusercontent.com/u/1002715?v=4)](https://github.com/KeyboardCowboy "KeyboardCowboy (55 commits)")[![ChrisAlbrechtNREL](https://avatars.githubusercontent.com/u/1261218?v=4)](https://github.com/ChrisAlbrechtNREL "ChrisAlbrechtNREL (40 commits)")

---

Tags

csssassscssjadeprototypemixins

### Embed Badge

![Health badge](/badges/keyboardcowboy-orion/health.svg)

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

###  Alternatives

[zurb/foundation

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

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

scssphp is a compiler for SCSS written in PHP.

62827.7M220](/packages/scssphp-scssphp)[foundation/foundation-sites

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

29.8k8.4k](/packages/foundation-foundation-sites)[panique/php-sass

Compiles your SASS .scss files to .css every time your run your app (in development)

12280.0k](/packages/panique-php-sass)[panique/laravel-sass

Compiles your Sass .scss files to .css every time you run your app (in development)

73171.8k1](/packages/panique-laravel-sass)[trentrichardson/cakephp-shrink

Compiles, combines, and minifies javascript, coffee, less, scss, and css

1619.3k](/packages/trentrichardson-cakephp-shrink)

PHPackages © 2026

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