Qt Quick / QML Examples Collection — 66 components incl. HUD, PFD, ECAM, shaders, animations, React components style, etc...
-
Hi everyone,
I've just published an open-source collection of QML/Qt Quick examples. Sharing here in case it's useful to anyone learning QML or looking for reference implementations beyond the basics.
Repo: https://github.com/JesusRamosMembrive/QML-SnippetsExamples
What's inside (66 components in total):
- Aviation & Industrial HMI: Head-Up Display (HUD), Primary Flight Display (PFD), Navigation Display, ECAM, Indicators & Dials, Aircraft Map
- Visual effects: frosted glass, lens magnification, multiplane parallax, GLSL shaders, custom transitions. Some example are copied from React Components.
- Data visualization: 3D graphs, canvas, shapes, charts.
- C++ integration: async C++ patterns, QML–C++ bridge (using
qmlRegisterType), threading examples - Controls, views, layouts, networking, multimedia, PDF… the usual suspects, but done right
Technical details:
- Qt 6.4+ (tested up to 6.11)
- CMake build, GitHub Actions CI on Linux
- Centralized Style singleton for tokens (colors, sizes, fonts)
- Neptune 3 UI implementation. (Copied from Dashboard course of Qt Academy)
- Each example is its own QML module, loaded dynamically from a dashboard shell
Every component has a demo GIF in the full gallery (
docs/GALLERY.md) so you can preview before diving into the code.I'd love feedback from this community. If there is something wrong or it can be improved, please let me know.
Best regards
Jesús -
Hi and welcome to devnet,
From a quick check, they look pretty neat !
One thing that I would suggest is to translate the comment in the code to English. You'll will reach a wider audience that way.
