Git Product home page Git Product logo

rbx's Introduction

rbx โ€“ The Comprehensive Bulma UI Framework for React

Build Status Coverage Status Release Version Npm Downloads Greenkeeper badge

A quick look

๐Ÿ‘Ÿ Read the docs.

๐Ÿ™ƒ 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
  • 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

import "rbx/index.css";
import React from "react";
import { Columns } from "rbx";

export const MyPage = () => (
  <Columns>
    <Columns.Column>First Column</Columns.Column>
    <Columns.Column>Second Column</Columns.Column>
    <Columns.Column>Third Column</Columns.Column>
    <Columns.Column>Fourth Column</Columns.Column>
  </Columns>
);

Documentation for all the components, information on customization, a defense of design, and more is available at the canonical rbx documentation

License

rbx is available under the MIT License.

The sneaker logo is a modified version of the Twitter Twemoji running shoe under the Creative Commons Attribution License.

Prior Art

This package was forked from react-bulma-components, and re-written in its entirety to support the latest version of Bulma, use TypeScript, and fix many outstanding bugs.

rbx's People

Contributors

alexsaenen avatar brandonratz avatar cereallarceny avatar codedraken avatar couds avatar daftspunk avatar defite avatar dfee avatar dimitarchristoff avatar epall avatar fritzvd avatar greenkeeper[bot] avatar hjellek avatar jdmg94 avatar juliobarros avatar koddr avatar nickreese avatar panckreous avatar robloach avatar stefl avatar thetechdabbler avatar ubaltaci avatar vestial avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.