LemonUI | Haxe | Page 1

past kestrel Mar 23, 2026, 7:03 AM

#

A simple and easy to use ui library for flixel!!

Repo: https://github.com/NebulaStellaNova/LemonUI

Being developed by me and @native roost
Any and all contributions is welcome!!

https://github.com/NebulaStellaNova/LemonUI/raw/main/logo.png

Here's a little demo:

native roost Mar 23, 2026, 8:25 AM

#

past kestrel A simple and easy to use ui library for flixel!! Repo: <https://github.com/Nebu...

hello i'm also developing this haxe

feral turtle Mar 23, 2026, 11:23 AM

#

I'm waiting for the API documentation before using this.

past kestrel Mar 23, 2026, 12:55 PM

#

feral turtle I'm waiting for the API documentation before using this.

blobsad

paper pagoda Mar 23, 2026, 1:31 PM

#

past kestrel <:blobsad:964199767787860028>

Just use dox

#

it could help

#

Also pretty cool!

native roost Mar 23, 2026, 1:54 PM

#

feral turtle I'm waiting for the API documentation before using this.

i'm pushing it soon dw!

feral turtle Apr 9, 2026, 2:37 PM

#

Did I use it correctly?

north raptor Apr 9, 2026, 8:46 PM

#

is there an example keoiki~4

feral turtle Apr 9, 2026, 10:49 PM

#

north raptor is there an example [keoiki~4](https://cdn.discordapp.com/emojis/148426385005123...

It’s not have example yet

past kestrel Apr 10, 2026, 9:52 AM

#

feral turtle Did I use it correctly?

is that haxeui xml

#

but yeah that should work

fallow jolt Apr 10, 2026, 10:44 AM

#

do yall plan to like support other frameworks?

#

like with abstracting away the rendering and main core stuff to a backend class

#

just how haxeui or polymod does

north raptor Apr 10, 2026, 11:14 AM

#

lemonui on haxe3ds 🤤

#

anyways this works right

past kestrel Apr 10, 2026, 11:25 AM

#

north raptor anyways this works right

you need menubar

#

<menubar>
    <menu>
        <menuitem />
    </menu>
</menubar>

north raptor Apr 10, 2026, 11:28 AM

#

oh right

#

what do i do with a lemonui.xml.XMLResult tho alieniki~1

past kestrel Apr 10, 2026, 11:28 AM

#

add(result.data)

north raptor Apr 10, 2026, 11:29 AM

#

thanks

past kestrel Apr 10, 2026, 11:30 AM

#

north raptor thanks

example usage

https://github.com/NebulaStellaNova/Violet-Engine/blob/dev/source%2Fviolet%2Fstates%2Feditors%2FCharacterEditorState.hx

#

if you need help woth anything feel free to ping

north raptor Apr 10, 2026, 11:45 AM

#

oki

#

well thats interesting

#

does it run fine on flixel 5.8.0 or do i need newer versions

#

this is how i set up the xml

code:

var tabs = [{name: 'Ghost', label: 'Ghost'}, {name: 'Settings', label: 'Settings'}];

var topBox = XMLBuilder.buildFromAsset('assets/xml/ui/charactereditor/uibox.xml', this);
        uibox = topBox.root.findElement('menu');
        uibox.cameras = [camHUD];
        uibox.setPosition(FlxG.width - 275, 25);
        final tabpanel:TabPanel = uibox.findElement('tabs');
        for (tab in tabs)
            tabpanel.addTab(tab.label);
        add(uibox);

📎 uibox.xml

#

flixel 5.8.0 @past kestrel

past kestrel Apr 10, 2026, 12:00 PM

#

north raptor well thats interesting

https://cdn.discordapp.com/attachments/996829406666440805/1490351933754441728/togif.gif

#

maybe like

#

why the hell you putting a tab window in the menubar

north raptor Apr 10, 2026, 12:01 PM

#

i uh

#

https://media.discordapp.net/attachments/1273448371843235862/1283169113031708773/20240801_171114.gif?width=807&height=967

#

im smoothbrained

#

is that why it broke

past kestrel Apr 10, 2026, 12:01 PM

#

<!DOCTYPE charactereditor>
<tabpanel id='tabs' width="250" height="120">

</tabpanel>

#

look in

#

📎 character-window.xml

north raptor Apr 10, 2026, 12:02 PM

#

oh now i feel even more stupid

#

i think i got it?

past kestrel Apr 10, 2026, 12:06 PM

#

yuh

#

also you can do
<tab-panel> instead of <tabpanel> if you prefer it being formatted like that

#

that applies to all multi word elements

north raptor Apr 10, 2026, 12:07 PM

#

keoikihd

north raptor Apr 10, 2026, 12:56 PM

#

it works lel

past kestrel Apr 10, 2026, 1:05 PM

#

you GOTS to change the font

#

I used the font fnf uses for haxeui

📎 Inconsolata-Bold.ttf 📎 Inconsolata-Medium.ttf

north raptor Apr 10, 2026, 1:50 PM

#

tab 1 done

#

slowly rewriting parts of the editors to get rid of flixel ui

#

how for example do i get the tickbox from a tab like to register callbacks

past kestrel Apr 10, 2026, 2:17 PM

#

north raptor how for example do i get the tickbox from a tab like to register callbacks

.getElement('yourId').onClick = (value:Bool)->{}

north raptor Apr 10, 2026, 2:27 PM

#

oh

#

thanksies

past kestrel Apr 10, 2026, 2:34 PM

#

wait it might be .findElement

#

I forget lol lemme check

#

yeah it is find

feral turtle Apr 10, 2026, 2:39 PM

#

Can I make a PR?

past kestrel Apr 10, 2026, 2:59 PM

#

feral turtle Can I make a PR?

absolutely

#

any and all contributions are welcome

past kestrel Apr 10, 2026, 3:47 PM

#

feral turtle Can I make a PR?

I can also just give you push perms if you want it

faint saffron Apr 10, 2026, 6:06 PM

#

How done is this again?

feral turtle Apr 10, 2026, 6:11 PM

#

I sent PR

#

and I go to bed

faint saffron Apr 10, 2026, 6:41 PM

#

Why does the build.xml reference hxhardware?

#

@past kestrel

past kestrel Apr 10, 2026, 6:48 PM

#

gang idk

#

file don't get used anyway

past kestrel Apr 11, 2026, 11:09 PM

#

feral turtle I sent PR

can you show example on how to use said pr

feral turtle Apr 11, 2026, 11:49 PM

#

past kestrel can you show example on how to use said pr

import lemonui.themes.ThemeManager;
import lemonui.themes.Theme;
import lemonui.themes.Theme.LightTheme;
import lemonui.themes.Theme.BlueTheme;

ThemeManager.setTheme(Theme.defaultTheme); // Default Theme
ThemeManager.setTheme(LightTheme.instance); // Light Theme
ThemeManager.setTheme(BlueTheme.instance); // BlueTheme
var theme = ThemeManager.createTheme(?backgroundColor:FlxColor, ?textColor:FlxColor, ?hoverColor:FlxColor, ?activeColor:FlxColor, ?borderColor:FlxColor, ?disabledColor:FlxColor, ?accentColor:FlxColor, ?fontRegular:String, ?fontBold:String, ?fontSize:Int, ?titleSize:Int, ?smallSize:Int);
ThemeManager.setTheme(theme);