PHPackages                             modpreneur/bowtie - 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. modpreneur/bowtie

ActiveLibrary

modpreneur/bowtie
=================

v2.0.1(8y ago)03.2k1HTML

Since Jan 23Pushed 8y ago26 watchersCompare

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

READMEChangelog (7)DependenciesVersions (52)Used By (1)

BOWTIE
======

[](#bowtie)

Simple and elegant CSS framework to make you life easier! Whole framework is build to fit modern flat design.

Compile
-------

[](#compile)

In order to compile the framework, install node dependencies by `npm install` and then after every change in LESS files, recompile the final CSS via this command: `lessc src/less/core.less src/css/style.css`. Enjoy :-)

Modules - Widgets
-----------------

[](#modules---widgets)

The entire CSS framework consists of individual modules - widgets. You can compile and use only some of them, take your pick :-)

- `grid` - Grid system to make your position blast
- `spacing` - Margin and padding classes to take your distance
- `variables` - Overrides and custom variables for the framework
- `variables-default` - All the default variables for the framework
- `alerts` - All the alert messages you ever wanted
- `buttons` - Nice and clean buttons
- `navbar` - Navbar

### Grid

[](#grid)

### Spacing

[](#spacing)

Spacing allows you to set classes for margins and paddings.

#### Variables

[](#variables)

Variables used in this module are:

- `@space-big` - Big space in the design, used to // TODO
- `@space-medium` - Medium space
- `@space-small` - Small space

#### Classes

[](#classes)

All the classes have this pattern: `--` where type is `padding/margin`, size is `big/medium/small/none`, position is `top/right/bottom/left/vertical/horizontal/all`.

### Variables

[](#variables-1)

### Variables Default

[](#variables-default)

### Alerts

[](#alerts)

### Buttons

[](#buttons)

Module built for buttons.

#### Variables

[](#variables-2)

Variables used in this module are:

- `@space-small` - Small space used in padding of the buttons
- `@color-primary` - Primary color
- `@color-primary-hover` - Primary hover color
- `@color-secondary` - Secondary color
- `@color-secondary-hover` - Secondary hover color
- `@color-tertiary` - Tertiary color
- `@color-tertiary-hover` - Tertiary hover color
- `@color-success` - Success color
- `@color-success-hover` - Success hover color
- `@color-danger` - Danger color
- `@color-danger-hover` - Danger hover color
- `@color-info` - Info color
- `@color-info-hover` - Info hover color
- `@color-warning` - Warning color
- `@color-warning-hover` - Warning hover color
- `@color-dark-grey` - Grey (default) color
- `@color-dark-grey-hover` - Grey (default) hover color

#### Classes

[](#classes-1)

- `button` - Default class for any button
- `button-` - Additional class to the default one, `` is one of these: `success`, `info`, `danger`, `warning`, `primary`, `secondary`, `tertiary`

### Navbar

[](#navbar)

Use nav tag with `navbar` class, use `ul` and `li` for individual items.

#### Variables

[](#variables-3)

Variables used in this module are:

- `@space-small` - Small space used in padding of the links in navbar

#### Classes

[](#classes-2)

- `navbar` - Main navbar class

###  Health Score

35

—

LowBetter than 80% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity16

Limited adoption so far

Community18

Small or concentrated contributor base

Maturity76

Established project with proven stability

 Bus Factor1

Top contributor holds 83.3% 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 ~187 days

Total

51

Last Release

3150d ago

Major Versions

v0.9.37 → v1.0.02015-06-09

v1.0.3.5 → v2.0.02017-07-27

### Community

Maintainers

![](https://www.gravatar.com/avatar/44273a4ac0f029f29c2e5f37a72fbf0a0059927d2674a7417d8f14066e3c75e6?d=identicon)[modpreneur](/maintainers/modpreneur)

---

Top Contributors

[![vavrecka](https://avatars.githubusercontent.com/u/6089093?v=4)](https://github.com/vavrecka "vavrecka (30 commits)")[![jjanekk](https://avatars.githubusercontent.com/u/2411050?v=4)](https://github.com/jjanekk "jjanekk (4 commits)")[![Hermanik](https://avatars.githubusercontent.com/u/13568223?v=4)](https://github.com/Hermanik "Hermanik (1 commits)")[![vlceklukas](https://avatars.githubusercontent.com/u/5271796?v=4)](https://github.com/vlceklukas "vlceklukas (1 commits)")

### Embed Badge

![Health badge](/badges/modpreneur-bowtie/health.svg)

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

PHPackages © 2026

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