PHPackages                             brickrouge/brickrouge - 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. [Utility & Helpers](/categories/utility)
4. /
5. brickrouge/brickrouge

ActiveLibrary[Utility & Helpers](/categories/utility)

brickrouge/brickrouge
=====================

A toolkit to create HTML elements

v4.0.0(3y ago)301.8k26BSD-3-ClausePHPPHP >=8.0

Since Nov 7Pushed 2y ago4 watchersCompare

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

READMEChangelog (6)Dependencies (6)Versions (11)Used By (6)

Brickrouge
==========

[](#brickrouge)

[![Release](https://camo.githubusercontent.com/f750bca20883f7005d5a4f73a3edddd47ad44056f181482bc3593020ebe8721c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f427269636b726f7567652f427269636b726f7567652e737667)](https://github.com/Brickrouge/Brickrouge/releases)[![Code Quality](https://camo.githubusercontent.com/9b2fc385a8e40f4269e02e4bc4ddf568e045658ebf756dec295b9e15a36bc880/68747470733a2f2f696d672e736869656c64732e696f2f7363727574696e697a65722f672f427269636b726f7567652f427269636b726f7567652e737667)](https://scrutinizer-ci.com/g/Brickrouge/Brickrouge)[![Code Coverage](https://camo.githubusercontent.com/f852772d98bbb04fa3398d4aeade447eccfccac919c80fe26c2945d171aab1f5/68747470733a2f2f696d672e736869656c64732e696f2f636f766572616c6c732f427269636b726f7567652f427269636b726f7567652e737667)](https://coveralls.io/r/Brickrouge/Brickrouge)[![Packagist](https://camo.githubusercontent.com/05d58a7393984f8b1f3bce99b432676bdedaf1ca2526724229f8d3323293d9b8/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f627269636b726f7567652f627269636b726f7567652e737667)](https://packagist.org/packages/brickrouge/brickrouge)

Brickrouge helps you create HTML elements and custom HTML elements such as inputs, forms, dropdowns, popover, calendars… with all the CSS and JavaScript required to make them beautiful and magical.

Here are some of its features:

- Create any kind of HTML element as well as custom HTML elements.
- Compatible with Bootstrap
- Standalone and patchable
- Object-oriented
- Support localization
- Populate and validate forms

Brickrouge uses [Bootstrap](http://twitter.github.com/bootstrap/) for its style, and [MooTools](http://mootools.net/) for its magic. Ready under a minute, you'll have everything you need to create beautiful and clean web applications. Together with the framework [ICanBoogie](http://icanboogie.org/), Brickrouge is one of the precious components that make the CMS [Icybee](http://icybee.org/).

Please, visit [brickrouge.org](http://brickrouge.org/) for more information.

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

[](#installation)

```
composer require brickrouge/brickrouge
```

Creating elements
-----------------

[](#creating-elements)

With the [Element](http://brickrouge.org/docs/class-Brickrouge.Element.html) class you can create any kind of HTML element. The attributes are defined using an array and custom attributes are used to define custom properties.

```