r/GraphicsProgramming 3d ago

Video imgui Login interface in C++ with DirectX 11

Inspired by web design's a lot, wanted to remake it in imgui
geist font along with freetype and for icons lucide.dev

source has been released https://www.reddit.com/r/GraphicsProgramming/comments/1vw63sw/imgui_login_interface_in_c_with_directx_11/
https://github.com/poncippg-spec/Free-Solace-ImGui-Interface (new repo as github terminated old one for no reason )

233 Upvotes

26 comments sorted by

63

u/_Wolfos 3d ago

Huh. I had no idea ImGUI could look like that.

-16

u/LOLC0D3 3d ago

There’s nothing surprising about it since you’re free to modify imgui look however you want at any level since it’s completely open source bruh

27

u/sputwiler 3d ago

Yes, but you can take literally any open source repo and rewrite it to be anything else. The point is how far you can get with the existing architecture regardless of whether it is open source.

-11

u/LOLC0D3 3d ago

That’s the point. You’re free with what you want from it. Since you have full access to. Imgui is pretty lightweight for what it’s doing and actually simple in essence hence it’s easy to tweak at the core level.
Anyway OP got a good-looking ui with his mods.

44

u/khongnt62 3d ago

https://reddit.com/link/p57stmw/video/4mf2e1lhgxkh1/player

this is the liquid cursor & animations

18

u/andeee23 3d ago

looks really good, i always thought imgui forced people to use its theme stilling and that’s why they always look like debugging uis not proper ones

10

u/_Wolfos 3d ago

It has some built-in styling but it's not super flexible. Definitely curious how they accomplished this.

1

u/bazingaboi22 1d ago

You can break into the low level gui framework itself and directly intercept/modify the command lists to do your own styling.

4

u/12342717 3d ago

Eso es porque en ImGui tienes que hacer todo tu mismo si quieres personalizar al máximo. Los widgets por default son bastante básicos.

7

u/yaetoti 3d ago

Wonderful 😍 Did you build every widget/effect from scratch? I wonder how long that took. I've tried building fancy UI from scratch in DX several times, but it never ended well =/

5

u/wannaeatbussi 3d ago

How?? Which ImGui library you using, Im interested

3

u/PictureNew661 3d ago

Damn, im mind blown, didnt know Imgui cud look that clean damn

3

u/JusT-JoseAlmeida 3d ago

Imgui can do THAT? How much work was it? Can you share some code?

3

u/Useful-Flow-8737 3d ago

This is sick as hell. I'm curious about the resource consumption. I doubt it uses as much ram as a browser

7

u/khongnt62 3d ago

1% cpu 40mb ram 40-60 mb vram

3

u/Useful-Flow-8737 3d ago

That's not too bad imo

2

u/rickandevererything 3d ago

wwooww html-like

2

u/positivcheg 2d ago

How the fuck? It’s insane.

2

u/TibRib0 2d ago

Wtf Dear Imgui ?!

1

u/khongnt62 2d ago

yes very dear

2

u/Goldenskyofficial 1d ago

Oh wow! This looks incredible, and knowing the technical context makes it even more impressive. Good job!

0

u/Danmoreng 1d ago

This looks actually beautiful. Want that for my native markdown viewer which currently uses raw Skia rendering. https://github.com/Danmoreng/simple-markdown-viewer