Mofron is a module-based front-end framework that provides a variety of UI components such as buttons, checkboxes, and tabs, enabling users to build complex interfaces easily. The framework allows for simple usage by specifying tags to include components and supports the creation of custom modules. Resources for getting started with Mofron can be found on its GitHub page.

1. mofron concepts
Module Based

2. There are defined many UI components
in the mofron.
Button
CheckBox
DropDown
etc ..Loading

3. They are various components
from simple to complex.
Button
CheckBox
Tabs
Tabs
Tabs
Login Form
User
Pass
Login

4. Button
Tab
Tab
Tab
User
Pass
Login
require("mofron-comp-button");
require("mofron-comp-tab");
require("mofron-comp-login");
All of components are made up by node module.
…

5. Usage is simple.
It can be used by specifying a tag.
<require>
<tag module=“mofron-comp-button”>
Button
</tag>
</require>
<Button>mofron</Button>
mofron

6. It is possible to easily build
a tree structure of components.
<Appbase title=“mofron”>
<Carousel>
<image src=“conts1.png”>
<image src=“conts2.png”>
<image src=“conts3.png”>
</Carousel>
</Appbase>
mofron
The module based front-end
framework.

7. Of course you can create your original module.
<require>
<tag module=“./path/to/module.js”>
Mofron
</tag>
</require>
<Mofron size=“1rem”></Mofron>

8. https://github.com/mofron/mofron
Letʼs try mofron