Ui Bibz V3 (Framework)

Bootstrap Framework with Ruby on Rails

One component to rule them all

Ui Bibz logo

Library Ui Bibz is based on one component. All components inherit from component element. No need to write HTML, CSS or Javascript. Components are based on Bootstrap and all new versions are managed by Ui Bibz. The framework is written with Ruby for Ruby on Rails.

A component will always write the same way even if HTML, CSS or Javascript code change. You can find all components of Bootstrap 5 and more.

Ui

Core Framework

Alerts, inputs, breadcrumbs, cards, cols, buttons, dropdowns and +30 components are available right now.

Content, options, html_options

Ui Bibz component is based on Ruby on Rails link_to method with some specificity.

def component content = nil, options = nil, html_options = nil, &block
end
Components

The content can be inserted inline on the content variable or by block. Options and html_options are hashes present to configure the component or its html.

That’s All!

All components are based on this fundamental principle. Some elements are variants but copy the same model.

Simple and efficient

Library is organized by namespace like UiBibz::Ui::Buttons::ButtonLink and to facilitate and improve use of Ui Bibz, helpers are created for calls rendering of components very easily with simple methods: cols, dropdown, button_link…

All input components are compatible with simple_form to create forms very easily.

Tested, Gemified, Installed

Rubygems

All components are tested with unit tests (Minitest). Library follows the latest version of Ruby on Rails, Bootstrap or FontAwesome and is updated monthly.

Library is downloadable as gem on Rubygem or as the source code on Github.

Ux

Extension for Users

Ux interface with complex components created by developers for developers.

An extensible library

Table card

Ui Bibz library is extensible with complex components. Usually, there are mixed components like card_table (table in card) with a search engine, pagination and sortable columns.

Components can contain Javascript, Html and CSS but the philosophy of the library for the user is to configure a component without writing HTML, Javascript or CSS code.

And After

Future developments

Library Open Source ready to be forked.

Open Source and forkable

The goal of the library is to help developers to build interfaces very quickly and easily without writing html, javascript or css. Ui Bibz is Open Source (MIT licence) and all people can fork the code to create new components.

Technology: Ruby on Rails / Javascript (Vanilla) / HTML and CSS (SASS)