{"id":30181862,"url":"https://github.com/umarmasood1/modern-stylish-ui-components","last_synced_at":"2025-08-12T09:19:35.083Z","repository":{"id":306756410,"uuid":"1027118004","full_name":"umarmasood1/Modern-Stylish-UI-Components","owner":"umarmasood1","description":"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,.","archived":false,"fork":false,"pushed_at":"2025-08-04T11:50:01.000Z","size":41,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-08-04T15:46:34.839Z","etag":null,"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"],"latest_commit_sha":null,"homepage":"","language":"C++","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/umarmasood1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-27T10:58:41.000Z","updated_at":"2025-08-04T11:50:05.000Z","dependencies_parsed_at":"2025-07-27T13:15:31.253Z","dependency_job_id":"20590e6d-da85-4fe9-b2e0-dffa6edd1bad","html_url":"https://github.com/umarmasood1/Modern-Stylish-UI-Components","commit_stats":null,"previous_names":["umarmasood1/modern-stylish-ui-components"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/umarmasood1/Modern-Stylish-UI-Components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/umarmasood1%2FModern-Stylish-UI-Components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/umarmasood1%2FModern-Stylish-UI-Components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/umarmasood1%2FModern-Stylish-UI-Components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/umarmasood1%2FModern-Stylish-UI-Components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/umarmasood1","download_url":"https://codeload.github.com/umarmasood1/Modern-Stylish-UI-Components/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/umarmasood1%2FModern-Stylish-UI-Components/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270034799,"owners_count":24515761,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-12T02:00:09.011Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["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"],"created_at":"2025-08-12T09:19:32.176Z","updated_at":"2025-08-12T09:19:35.073Z","avatar_url":"https://github.com/umarmasood1.png","language":"C++","funding_links":[],"categories":[],"sub_categories":[],"readme":"🌟 Modern UI Component Set for Mac Air Pro \u0026 Windows (Supported Cross-Platform)\n=====================================================\nCrafted with Qt, C++ , QSS — Art Meets Function\n_______________________________________________\n\nThis 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.\nBelow is a showcase of the components and their aesthetic purpose:\n\n🧩 Core Components\n===================\n🔘 Button\n--------------------------\nMinimal 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.\n\n📥 ComboBox\n------------\nA 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.\n\n🔁 Toggle\n--------------\nA sleek switch component designed for simplicity and clarity. Inspired by mobile UX, this toggle provides smooth animations, color transitions, and intuitive control states.\n\n📦 RoundedBox\n--------------\nStylish containers with soft, rounded corners and customizable backgrounds. Ideal for wrapping content in modern \"card-like\" layouts.\n\n📑 Menu\n-------------\nA reimagined menu system that uses transparency, icons, and soft shadows to create a floating, elevated UI experience. Fully theme-adaptable.\n\n🎛️ Input \u0026 Feedback\n===================\n\n✏️ TextField\n--------------\nSmooth focus effects, placeholder transitions, and theme-aware coloring make this a standout input field. Designed for readability and elegance.\n\n📊 LineProgress\n----------------\nA lightweight linear progress bar with a custom QSS-powered gradient, suitable for both subtle background loads or full attention-grabbing animations.\n\n🔄 SpinnerProgress\n--------------------\nAn animated spinner that balances beauty and utility. Built with Qt animations and perfect for long operations without locking the UI.\n\n🎨 Visual Enhancements\n=======================\n\n🌫 SmoothShadow\n================\nReal-time drop shadows without harsh edges. Powered by QPropertyAnimation and QGraphicsBlur, these shadows bring a native, modern feel to floating UI elements.\n\n🌟 SmoothOpacity\n-------------------\nFade-in and fade-out transitions made smooth using Qt’s animation framework. Perfect for tooltips, dialogs, and ephemeral widgets.\n\n🖼️ ToolTip\n--------------\nCustom tooltips with rounded corners, blur backgrounds, and theme-aware text. Ideal for enhancing user guidance while preserving aesthetic consistency.\n\n🧰 Structural Components\n========================\n\n📜 ScrollBar\n--------------\nA redefined scrollbar with slim, hover-expandable design. Styled with QSS and fully themeable to blend seamlessly into any layout.\n\n🗂 Delegate\n-----------\nProvides model/view customization for advanced UI like list views and combo boxes, enabling rich item rendering with full theme support.\n\n🗨️ Dialog\n----------\nA centered, softly-shadowed dialog box with polished animation and responsiveness. Works in harmony with Dialog_Button and RoundedBox.\n\nWe are improving this set of Modern UI Components time to time.\n\nBest,\nUmar Masood\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fumarmasood1%2Fmodern-stylish-ui-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fumarmasood1%2Fmodern-stylish-ui-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fumarmasood1%2Fmodern-stylish-ui-components/lists"}