React RPGUI

This React library is based on RonenNess/RPGUI, providing old-school RPG GUI in web!

Live examples here

Table of Contents

• React RPGUI
  • Table of Contents
  • What is it?
  • Key Features

What is it?

This framework provide out-of-the-box GUI for web games with old-school RPG style. Once including this lib all you need to do is start adding regular html elements with RPGUI classes, and RPGUI will do all the rest!

(Image is slightly outdated.)

Key Features

The following are the key features of RPGUI:

• Using RPGUI don't require coding at all! Just using css classes.
• A complete and whole CSS system that will cover most HTML elements.
• Containers with several type of frames.
• Dragging functionality.
• Beautiful sliders and progress bars.
• Customized cursors with 8-bit style.
• A collection of build-in icons for rpgs.
• Neat checkboxes and Radio buttons.
• Styled buttons.
• Sophisticated dropdown widget (based on <select>).
• Pretty listbox (based on <select>).
• Very easy to use. Create game GUI in seconds with only plain html code.
• No dependencies, works right out of the box!
• Very lightweight - just 25kb of css/js, + 1.35Mb of resources (images).

RPGUI should work on all modern browsers, and its tested and confirmed on Chrome, FireFox, Opera, and Internet Explorer edge*.