Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Showcase gallery: share your egui screenshots here! #996

Open
emilk opened this issue Dec 25, 2021 · 172 comments
Open

Showcase gallery: share your egui screenshots here! #996

emilk opened this issue Dec 25, 2021 · 172 comments

Comments

@emilk
Copy link
Owner

emilk commented Dec 25, 2021

This is an thread where you can share screenshots and gifs of how you are using egui. Feel free to also share a link to your project and/or the source!

There is also a showcase gallery on the official egui discord at https://discord.gg/JFcEma9bJq

@emilk emilk pinned this issue Dec 25, 2021
@emilk emilk changed the title Showcase gallert: share your egui screenshots here! Showcase gallery: share your egui screenshots here! Dec 25, 2021
@the-drunk-coder
Copy link

the-drunk-coder commented Dec 26, 2021

Do videos count ? Here's my live coding editor in action: https://vimeo.com/658109382

EDIT: btw I recently published the code, if anyone wants to try: https://github.com/the-drunk-coder/megra.rs

@Seebass22
Copy link

A harmonica tab transposing app I'm working on: https://github.com/Seebass22/harptabber
new_screenshot

@a-liashenko
Copy link
Contributor

a-liashenko commented Dec 27, 2021

I am working on a fairly simple cross-platform pomodoro timer.
The main goals are system-wide hotkeys, sound notifications, portability, small size and a nice look and feel. It is currently in POC state, but most of the functionality works on Windows and Linux.
https://github.com/a-liashenko/TinyPomodoro

@parasyte
Copy link
Contributor

cartunes is a setup comparison tool for the iRacing simulator. It has a simple interface and follows the system theme. Windows is the primary target, since iRacing only runs on it. But cartunes can run on pretty much anything.

dark-mode

light-mode

@emilk
Copy link
Owner Author

emilk commented Jan 8, 2022

This is a cool project by @terhechte https://github.com/terhechte/postsack

146691534-6aa35159-0f77-472a-b5d1-7e159d64ab9e.mp4

@terhechte
Copy link
Contributor

Thanks for posting it here @emilk ! ☺️ I really enjoyed using egui for this project!

@KentaTheBugMaker
Copy link
Contributor

KentaTheBugMaker commented Jan 16, 2022

スクリーンショット 2022-01-23 013728

@uecarlos
Copy link

image

From: https://www.amazon.science/blog/how-prime-video-updates-its-app-for-more-than-8-000-device-types

@nmeylan
Copy link

nmeylan commented Jan 28, 2022

I've used egui to create a live debugger of my toy mmo server project's maps states

visual_debugger

@setzer22
Copy link
Contributor

setzer22 commented Feb 1, 2022

Shameless plug for Blackjack
image

@fralonra
Copy link

opmark-egui writing presentaion sldies using egui!

It's still in pre-alpha and lack of many features.

It differs from those web-based presentaion tools. It is not so flexible but you can run it without a browser!

9-Best-Screen-Recorders-for-Linux-in-2020

@tiaanl
Copy link
Contributor

tiaanl commented Mar 27, 2022

Started using egui for the debugger on my emulator (https://github.com/tiaanl/my-rusty-computer). Really happy with how easy it is to use!

mrc-debugger

@MrTanoshii
Copy link

MrTanoshii commented Apr 1, 2022

I made an portable pure rust autoclicker https://github.com/MrTanoshii/rusty-autoclicker

Main GUI
Hotkeys
Coordinates Selection

@YassinEldeeb
Copy link

YassinEldeeb commented Apr 4, 2022

Deadliner, Manage your deadline gently.

app

screenshot2
screenshot6

Learn more:
https://deadliner.vercel.app
https://youtu.be/ySn-Ykdq5BU
https://github.com/YassinEldeeb/deadliner

@rnd-ash
Copy link

rnd-ash commented Apr 6, 2022

Ultimate-NAG52 Tuning utility

Still a massive work-in-progress. This is a tuning and diagnostics utility for my custom Mercedes 722.6 transmission controller

image
image

Source code:
https://github.com/rnd-ash/ultimate_nag52/tree/main/config_app

A brief demo video of the app in action:
https://youtu.be/PtE8b9KGkOk

@mjehrhart
Copy link

mjehrhart commented Apr 12, 2022

For me, I wrote Project Minty, a rust file deduplication app with egui for the front-end. Please install and take a look if you like. Any feedback would be great too.

https://crates.io/crates/minty

Screen Shot Minty

Installation

Hombebrew

brew tap mjehrhart/minty
brew install/minty/minty

@lain-dono
Copy link

Peek.2022-04-17.02-38.mp4

My shader editor inspired by Unity Shader Graph.

It uses naga for generation. I plan to open the code when the integration with bevy is ready. That will take two to four weeks.

@mjehrhart
Copy link

mjehrhart commented Apr 18, 2022

After seeing all the stellar egui projects on this thread, I just had to update the Look and Feel of my project over the weekend. I like the direction it is going in. If you have feedback, good or bad, please let me know! This has been built testing 250,000 to 1,000,000 files at a time.

Screen Shot Minty

https://crates.io/crates/minty

@willser
Copy link

willser commented Apr 26, 2022

I am writing project weaver.It be designed to provide a pure,cross-platform and low-power-consumption api call tool. .It still work-in-progress,but has baseic functional.If you are interested in it or being find out a small api tool,please download and use it.Any feedback is greate,feel free to open a new issueto disscuss it.

screenshot

post

@emilk
Copy link
Owner Author

emilk commented Apr 30, 2022

This is a visualization toolbox I'm developing at rerun.io:

rerun.2022-04-29.mp4

As a user, you log images, point clouds, camera poses etc just like you would log text, and then the rerun viewer visualizes it all for you, with time scrollback and deep inspection. Still early days; a lot more to come!

@4JX
Copy link
Contributor

4JX commented May 4, 2022

Currently working on mCubed, a mod manager for Minecraft.
mcubedpreview

@emilk
Copy link
Owner Author

emilk commented May 4, 2022

Wow, that looks so good @4JX 😍

@willser
Copy link

willser commented May 5, 2022

@4JX What a project!I will learn from you how to make mine project beautiful.Thank you.

@xTibor
Copy link
Contributor

xTibor commented May 18, 2022

Some knob widget prototypes.
https://github.com/xTibor/egui-knobs

20220518_211656_Knobs

@lain-dono
Copy link

When I said it was coming out in a month, I didn't know yet that I would be making a full Unity clone. Hopefully this year.

The source code is here, but it's very messy. In fact, I haven't had a chance to rebuild the node editor yet. It's pointless now, as the upload of the assets is still on its way.

Screenshot from 2022-05-20 19-36-24

It would be cool to be able to easily reuse texture memory between contexts. Perhaps some sort of sub-contexts?

@JSH32
Copy link

JSH32 commented May 21, 2022

@lain-dono is it possible to move the docking stuff for egui outside of the project and just make it a library extension? Egui is missing docking support but you seem to have made it work

@lain-dono
Copy link

@JSH32 https://imgur.com/a/aw9AlVp

It only has basic features. Tabs can only be added to the end of the list. So... It won't take long. Probably a day or two, but count on a week just in case.

@mikael-nilsson-github
Copy link

mikael-nilsson-github commented Mar 25, 2024

I'm building my machine learning driven investment portfolio management platform with egui. Thanks emilk & the crew!
2024-03-25_14-57_1

@toastxc
Copy link

toastxc commented Mar 26, 2024

A GUi i made for the hypixel skyblock economy, using material colors.
Theming library
GUI repo
Screenshot from 2024-03-26 11-45-38
Screenshot from 2024-03-26 11-45-51

@UnknownSuperficialNight

Music Player and Music Downloader combined it can download from 100+ websites and has a built-in history, favourites list, music player and file/media searcher. (This is my 2nd ever project in Rust)

output_mu.mp4

@tomtuamnuq
Copy link

RustyChaosCraftor is an interactive exploration tool that visualizes dynamics in chaotic systems.

  • It reveals intricate patterns from chaotic functions, fractals, and particle systems in real-time. Repository
  • Live and Accessible thanks to the eframe template, which includes Github actions: Live App
  • GUI Configuration options powered by egui components:
    conf_plot_init
  • 2D and 3D Graphs thanks to egui_plot and plotters, integrated with egui_plotters crate:

@bglw
Copy link

bglw commented Mar 30, 2024

Truncate ( https://truncate.town ) is a word-based strategy game that we have built on egui 🙂

Screenshot 2024-03-31 at 6 32 33 AM

Definitely a departure from the standard widget set, and built more using egui's painter and texture APIs, but it was a fun build! Both single player modes and multiplayer are functional in the browser.

Fully open-source at https://github.com/TruncateGame/Truncate

@tbellembois
Copy link

https://github.com/tbellembois/storm-daenerys-front

A web application to set ACL's on directories for a work project at the Mésocentre Clermont Auvergne (https://mesocentre.uca.fr/ressources).

daenerys

@MaZe3D
Copy link

MaZe3D commented Apr 5, 2024

tsyncs

Task Syncronisation Simulator

@CrazyCraftix and I developed this as university project.

You can try it on tsyncs.de

You can create nodes by right-clicking and also connect them. Left click will stop connecting. Deleting is performed via Edit -> Delete Mode.

Screenshot of the tsyncs software

@roccoblues
Copy link
Contributor

I'm working on lldbui a lightweight native GUI for the LLDB debugger.

Screenshot 2024-05-03 at 16 15 44

@varphone
Copy link
Contributor

varphone commented May 24, 2024

The Fula is the supporting software for our company's products.

Fula-1.0.2.webm

@andreamancuso
Copy link

andreamancuso commented May 27, 2024

I am currently working on React bindings for egui: https://github.com/andreamancuso/react-wasm/tree/main/packages/egui/rust

Alpha demo: https://andreamancuso.github.io/react-wasm/egui

It is very early days, I am new to Rust and bindgen... might be a while before it gets to a stable state.

There is a CRA example: https://github.com/andreamancuso/react-wasm/tree/main/packages/egui/examples/cra-example

@AufarZakiev
Copy link
Contributor

Egui integrated into Vue project. It is more a PoC than smth useful :)
Vue is used with Vite (bundler) and Quasar as UI framework.

Demo: https://aufarzakiev.github.io/rust_scripter/ . Tabs itself and tab "My account" is created by Vue; "Editor" tab contains independent egui component.
Source code: https://github.com/AufarZakiev/rust_scripter

Editor is used to create and bind scripts written on Rhai scripting language

@aizcutei
Copy link

aizcutei commented Jun 7, 2024

I am using egui to clone a audio visiualizer. Here is the code nanometers.

@jb55
Copy link

jb55 commented Jul 3, 2024

I'm working on a tweetdeck-like client for the nostr protocol called Damus Notedeck, funded by the Human Rights Foundation and Jack Dorsey.

I made some reusable egui libraries for this as well:

  • egui-nav - the ios-style nav effect you see in the video
  • egui-tabs - the notes & notes + reply tabs in the video

I'm also using

I have a semi-working android version as well so I will be helping get egui working better on mobile soon! egui-nav is a first stab at that for mobile navigation.

notedeck-demo.mp4

@nmeylan
Copy link

nmeylan commented Jul 7, 2024

I am working on a json editor for big json array https://github.com/nmeylan/json-table-editor
It allows to edit large json (>300mb) file at 60 fps (on my motherboard intel graphic chipset) by only rendering visible rows and columns
json-editor

@aiekick
Copy link

aiekick commented Jul 7, 2024

I am working on a json editor for big json array https://github.com/nmeylan/json-table-editor It allows to edit big json file at 60 fps

big json at 60fps mean nothing if you dont give your gpu ...

@frett27
Copy link

frett27 commented Jul 7, 2024 via email

@zakarumych
Copy link

zakarumych commented Jul 9, 2024

I work on a game engine and use egui for editor's UI.

This is render graph UI.
image

And this is kind of visual programming tool.
image

I also made and maintain generic node graph library.
https://github.com/zakarumych/egui-snarl
image

@bash
Copy link
Contributor

bash commented Jul 17, 2024

egui-theme-switch—a custom widget for switching between dark, light and follow system with style ✨

Links: web demo, crates.io

@Harzu
Copy link

Harzu commented Jul 21, 2024

egui_term

Terminal emulator widget powered by EGUI and alacritty terminal backend.

Preview

Screenshot 2024-07-22 at 01 02 16 Screenshot 2024-07-22 at 01 01 40

@enomado
Copy link
Contributor

enomado commented Aug 3, 2024

image
our commercial product

@jsgonsette
Copy link

A simple CPU simulator, for educational purposes.
https://jsgonsette.github.io/microception/
microCeption

@Shrav108
Copy link

Hydrostatic Bearings Sizing Application made in egui.

image

@enomado
Copy link
Contributor

enomado commented Aug 22, 2024

Shrav108 Year ago i wanted to do same thing, lol. awesome.
wanna play. where is it hosted? or it closed-sourced?

@seekbytes
Copy link

seekbytes commented Aug 22, 2024

A very simple PDF analyzer (e.g. for analyzing payload, or to understand how a PDF is composed)
Repo of the tool

Tool

@frankvgompel
Copy link

Egui Colors
Experimental toolkit for color styling in Egui based on Radix system and APCA luminosity contrast.

Naamloos.mov

@woelper
Copy link

woelper commented Sep 23, 2024

Oculante
A cross-platform image viewer with decent format support and non-destructive editing

image image

@lucasmerlin
Copy link
Collaborator

I just released egui_flex, a flex layout crate for egui!
It should hopefully solve most layout limitations egui has today!

Example usage:

Flex::horizontal().show(ui, |flex| {
    flex.add(item().grow(1.0), Button::new("Growing button"));
    flex.add(item(), Button::new("Non-growing button"));

    // Nested flex
    flex.add_flex(
        item().grow(1.0),
        Flex::vertical().align_content(FlexAlignContent::Stretch),
        |flex| {
            flex.add(item(), Button::new("Vertical button"));
            flex.add(item(), Button::new("Another Vertical button"));
        },
    );
});

Here's an example before and after of how I improved ui with egui_flex:

image image

And another example from HelloPaint:

(notice how the bottom buttons are grown to fill the available space so things are nicely aligned, this would be impossible in egui without hardcoding the sizes)

image

@hacknus
Copy link
Contributor

hacknus commented Nov 1, 2024

I published a third party crate for a double slider widget: egui_double_slider.
It allows you to control two values on one slider. The highlighting can be inverted. If the part between both points is highlighted (default) it can be grabbed to drag both points simultaneously.

screenshot

@L1nY4n
Copy link

L1nY4n commented Nov 3, 2024

stock-traker
A stock tool for China stock market, have fun !!!
stock-tracker

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests