@grfzhl/runite

runite

a lightweight frontend framework library for (mithril)[https://github.com/MithrilJS/mithril.js]

runite is based on the style library (rovolon)[https://codeberg.org/grfzhl/rovolon] which provides a ready-to-go design system based on (open-props)[https://github.com/argyleink/open-props].

Add new components

Create a new UI component with bun generate ui-component

Usage

install with

bun add @grfzhl/runite

then you can use it in your view by loading a component and importing it

import { Demo } from '@grfzhl/runite';

m(Demo)

Load themes

You can load themes from rovolon by importing the index file of the theme with the proper theme-key as filename from /assets/style/theme/.

Then you can load the compiled theme css file in your html file. The import should be ruled as the theme layer:

@import url('@grfzhl/rovolon/dist/surgery/theme.css') layer(theme);

Feedback

If you have any feedback, please reach out to us at [e-mail]

Authors

• @grafzahl-io

Notes

Future improvements

a list of things that should be done differently or need to be scalable, which is by now just a workaround to get started quickly

• build process must me more accurate, also the build process contains parts, that are coupled to the rovolon library
• css modules are loaded in a whole, but it should be looked up in code, which ones are used
• any labels should be parametrized to let the project handle the i18n