Fork me on GitHub

Ralma v0.2.2

Ractive Components for Bulma

This Ractive plugin provides helper shortcuts for most Bulma widgets.
The goal of this plugin is to help you get started quickly and reduce the overly verbose code that Bulma tends to produce.
It does not attempt to cover everything in Bulma, but rather offer the most common elements as shortcuts.
Sometimes, when you want something more specific or fancy, you can still use the original bootstrap markup.

Downloads:

A typical header would look like this:

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ralma!</title>
<!-- Bulma CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
<!-- Ractive Framework -->
<script src="https://cdn.jsdelivr.net/npm/ractive"></script>
<!-- Ralma Plugin -->
<script src="ralma.js"></script>
</head>

Columns

The power of Flexbox in a simple interface


Elements

Essential interface elements that only require a single CSS class