Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/dfee/rbx

👟 rbx – The Comprehensive Bulma UI Framework for React
https://github.com/dfee/rbx

Last synced: 4 months ago
JSON representation

👟 rbx – The Comprehensive Bulma UI Framework for React

Host: GitHub
URL: https://github.com/dfee/rbx
Owner: dfee
License: mit
Created: 2018-11-15T18:43:28.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2023-01-04T18:57:03.000Z (over 1 year ago)
Last Synced: 2024-02-19T02:23:42.467Z (4 months ago)
Language: TypeScript
Homepage: https://dfee.github.io/rbx
Size: 24.8 MB
Stars: 475
Watchers: 8
Forks: 35
Open Issues: 133
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

awesome - rbx - 👟 rbx – The Comprehensive Bulma UI Framework for React (TypeScript)
awesome-react - rbx - The Comprehensive Bulma UI Framework for React (Uncategorized / Uncategorized)

README

        ## rbx – The Comprehensive Bulma UI Framework for React

[![Build Status](https://travis-ci.org/dfee/rbx.svg?branch=master)](https://travis-ci.org/dfee/rbx)

[![Coverage Status](https://coveralls.io/repos/github/dfee/rbx/badge.svg?branch=master)](https://coveralls.io/github/dfee/rbx?branch=master)

[![Release Version](https://img.shields.io/github/release/dfee/rbx.svg)](https://github.com/dfee/rbx)

[![Npm Downloads](https://img.shields.io/npm/dm/rbx.svg)](https://www.npmjs.com/package/rbx) [![Greenkeeper badge](https://badges.greenkeeper.io/dfee/rbx.svg)](https://greenkeeper.io/)

![A quick look](src/__docs__/public/demo.png?raw=true "A quick look")

### 👟 **[Read the docs](https://dfee.github.io/rbx)**.

🙃 _I'll wait, go check them out!_

### Features

- up-to-date Bulma implementation (0.7.5)

- written with TypeScript 3 for React 16

- well tested and [documented](https://dfee.github.io/rbx)

- extensive customization support

- _quite unopinionated, if you ask me_

- **very simple to get started**

### To install

`npm install rbx` or `yarn add rbx`

### To use

```tsx

import "rbx/index.css";

import React from "react";

import { Columns } from "rbx";

export const MyPage = () => (

  

    First Column

    Second Column

    Third Column

    Fourth Column

  

);

```

Documentation for all the components, information on customization, a defense of design, and more is available at the [canonical rbx documentation](https://dfee.github.io/rbx)

### License

**rbx** is available under the [MIT License](https://opensource.org/licenses/MIT).

The sneaker logo is a modified version of the [Twitter Twemoji](https://github.com/twitter/twemoji) _running shoe_ under the [Creative Commons Attribution License](https://creativecommons.org/licenses/by/4.0/).

### Prior Art

This package was forked from [`react-bulma-components`](https://github.com/couds/react-bulma-components), and re-written in its entirety to support the latest version of Bulma, use TypeScript, and fix many outstanding bugs.