Welcome to Matestack

Matestack

About Matestack Ui Core Matestack Ui VueJs Matestack Ui Bootstrap

Search…

3.0

Ecosystem

matestack-ui-core

matestack-ui-vuejs

matestack-ui-bootstrap

Shared Docs

Community & Team

Welcome to Matestack

Version 3 of all Matestack Gems were released in February 2022
Most important changes:
Split matestack-ui-core into matestack-ui-core and matestack-ui-vuejs
Rails 7 support
Vue 3 support in matestack-ui-vuejs
What is Matestack?
Matestack - a UI framework for Rails - enables Rails developers to craft maintainable, component based web UIs in pure Ruby. UI code becomes a native and fun part of your Rails app.
--> Use more Ruby and less of everything else (ERB/HAML/SLIM, JavaScript, CSS).
Why? Because Ruby is just beautiful! More Ruby = More developer happiness = Higher productivity
Matestack currently offers three open source Ruby gems:
matestack-ui-core ships all you need to to craft maintainable, component based web UIs in pure Ruby. 
Compatible with any styling and reactivity system, including Hotwire and StimulusReflex for example
You have to take care of reactivity and styling yourself
--> Learn more​
matestack-ui-vuejs ships all you need to build reactive UIs in pure Ruby orchestrating prebuilt Vue.js components with a simple Ruby DSL
requires matestack-ui-core
prebuilt reactive components covering typical features of a reactive web UI, such as async form submission, dynamic page transitions or async partial UI updates
highly extensible via pure Vue.js if required
You have to take care of styling yourself
--> Learn more​
matestack-ui-bootstrapships all you need to build beautiful, reactive UIs in pure Ruby and smart CRUD components based on Bootstrap v5. 
requires matestack-ui-core and matestack-ui-vuejs
Don't think about reactivity and styling anymore, just create admin or application UIs faster than ever before! 
--> Learn more​
Share feedback, get support and get involved! Join our growing community, get to know the core team and learn how to contribute in order to make Matestack better every day!
Live Demo
Based on matestack-ui-core , matestack-ui-vuejs and matestack-ui-bootstrap this reactive dummy app was created in pure Ruby without writing any JavaScript, ERB/HAML/SLIM and CSS: (check it out | source code)
Getting Started
Read more about the Ecosystem and jump into the install guides of the separate Gems from there! 
​

Next - Ecosystem

matestack-ui-core

Last modified 5mo ago

Copy link

Outline

What is Matestack?

Live Demo

Getting Started