@tinytales/tiny-gui v0.1.0

TinyGui

Tiny Gui for PixiJs inspired by DearImGui and CSS

Small gui library i use for my own project.
Heavy work in progress, not recommended for production yet.

Install

npm install tiny-gui

Example

TinyGui.Begin(this) // main
TinyGui.Display(TinyGui.DisplayFlag.FlexRow)

TinyGui.Begin() // main -> left-area
TinyGui.Display(TinyGui.DisplayFlag.FlexFixed)
TinyGui.Rect(25, '100%')
TinyGui.Fill('#ddd')
TinyGui.End()

TinyGui.Begin() // main -> fill center content
TinyGui.Display(TinyGui.DisplayFlag.FlexDynamic)
TinyGui.Rect('100%', '100%')
TinyGui.Fill('#fff000')
TinyGui.End()

TinyGui.Begin() // main -> right-area
TinyGui.Display(TinyGui.DisplayFlag.FlexFixed)
TinyGui.Rect(25, '100%')
TinyGui.Fill('#ddd')
TinyGui.End()

TinyGui.End()

Soon i will add more examples into the /example folder.

Todo

• Key / Mouse Events (v0.3)
• Text / Images (v0.4)
• Examples & Unittests (v0.5)
• More shapes (currently only rect) (v0.5)
• More useful CSS options (v0.6)
• Tables & Lists (v0.7)
• Scrollables (v0.8)