Home

Awesome

<img src="logo.png" alt="ralma_logo" width="200px"/>

Ralma - Stateless Ractive Components for Bulma

version

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 Bulma markup.

Download:

Debug: bin/ralma.js

Minified: bin/ralma.min.js

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.min.js"></script>
</head>

Licence 📜

Code released under the MIT license.