https://github.com/umar-masood/modern-stylish-ui-components
This is a carefully crafted set of modern, stylish UI components designed using Qt C++ and Qt Style Sheets (QSS) — delivering a clean, responsive, and highly customizable user interface experience. Inspired by contemporary design systems like Material Design and Fluent UI,.
https://github.com/umar-masood/modern-stylish-ui-components
app-compoents app-ui-elements cmake cpp cross-platform css modern-design-app modern-ui modern-ui-components modern-ux qss qt qt-cpp qt6
Last synced: 6 months ago
JSON representation
This is a carefully crafted set of modern, stylish UI components designed using Qt C++ and Qt Style Sheets (QSS) — delivering a clean, responsive, and highly customizable user interface experience. Inspired by contemporary design systems like Material Design and Fluent UI,.
- Host: GitHub
- URL: https://github.com/umar-masood/modern-stylish-ui-components
- Owner: umar-masood
- Created: 2025-07-27T10:58:41.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2025-08-22T09:57:40.000Z (7 months ago)
- Last Synced: 2025-08-31T06:28:10.844Z (7 months ago)
- Topics: app-compoents, app-ui-elements, cmake, cpp, cross-platform, css, modern-design-app, modern-ui, modern-ui-components, modern-ux, qss, qt, qt-cpp, qt6
- Language: C++
- Homepage:
- Size: 64.5 KB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🌟 Modern UI Component Set for Mac Air Pro & Windows (Supported Cross-Platform)
=====================================================
Crafted with Qt, C++ , QSS — Art Meets Function
_______________________________________________
This collection of custom UI components redefines desktop application design in Qt. Every element has been hand-built with precision using C++ and Qt, and styled with the elegance of Qt Style Sheets (QSS) to evoke a modern, smooth, and responsive feel.
Below is a showcase of the components and their aesthetic purpose:
🧩 Core Components
===================
🔘 Button
--------------------------
Minimal yet powerful. This custom button is designed with elegant hover transitions, shadows, and support for icons. The Dialog_Button variant harmonizes seamlessly with dialogs, offering consistent styling across modals.
📥 ComboBox
------------
A modern take on a classic. Styled dropdowns with beautiful borders, soft shadows, and a graceful opening animation. Supports icons, themes, and custom delegates for rich content.
🔁 Toggle
--------------
A sleek switch component designed for simplicity and clarity. Inspired by mobile UX, this toggle provides smooth animations, color transitions, and intuitive control states.
📦 RoundedBox
--------------
Stylish containers with soft, rounded corners and customizable backgrounds. Ideal for wrapping content in modern "card-like" layouts.
📑 Menu
-------------
A reimagined menu system that uses transparency, icons, and soft shadows to create a floating, elevated UI experience. Fully theme-adaptable.
🎛️ Input & Feedback
===================
✏️ TextField
--------------
Smooth focus effects, placeholder transitions, and theme-aware coloring make this a standout input field. Designed for readability and elegance.
📊 LineProgress
----------------
A lightweight linear progress bar with a custom QSS-powered gradient, suitable for both subtle background loads or full attention-grabbing animations.
🔄 SpinnerProgress
--------------------
An animated spinner that balances beauty and utility. Built with Qt animations and perfect for long operations without locking the UI.
🎨 Visual Enhancements
=======================
🌫 SmoothShadow
================
Real-time drop shadows without harsh edges. Powered by QPropertyAnimation and QGraphicsBlur, these shadows bring a native, modern feel to floating UI elements.
🌟 SmoothOpacity
-------------------
Fade-in and fade-out transitions made smooth using Qt’s animation framework. Perfect for tooltips, dialogs, and ephemeral widgets.
🖼️ ToolTip
--------------
Custom tooltips with rounded corners, blur backgrounds, and theme-aware text. Ideal for enhancing user guidance while preserving aesthetic consistency.
🧰 Structural Components
========================
📜 ScrollBar
--------------
A redefined scrollbar with slim, hover-expandable design. Styled with QSS and fully themeable to blend seamlessly into any layout.
🗂 Delegate
-----------
Provides model/view customization for advanced UI like list views and combo boxes, enabling rich item rendering with full theme support.
🗨️ Dialog
----------
A centered, softly-shadowed dialog box with polished animation and responsiveness. Works in harmony with Dialog_Button and RoundedBox.
We are improving this set of Modern UI Components time to time.
Best,
Umar Masood