💎 Ractive.js Components for Bulma

  • By null
  • Last update: Nov 26, 2022
  • Comments: 0


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


Debug: bin/ralma.js

Minified: bin/ralma.min.js

A typical header would look like this:

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

Licence 📜

Code released under the MIT license.