qt-material-widgets

KO | EN

gitlite — search

#hacktoberfest #react #typescript #go #golang #rust #linux #macos #nodejs #windows #kubernetes #awesome-list #security #mcp

qt-material-widgets

(★ 3,598)

:art: Qt widgets-based implementation of the Material Design specification.

File Explorer

Download Latest Version (.zip)

- - LICENSE
- - qtmaterialsnackbarlayout.cpp
  - qtmaterialsnackbarlayout.h
  - qtmaterialsnackbarlayout_p.h
- - qtmaterialcheckable.cpp
  - qtmaterialcheckable.h
  - qtmaterialcheckable_internal.cpp
  - qtmaterialcheckable_internal.h
  - qtmaterialcheckable_p.h
  - qtmaterialoverlaywidget.cpp
  - qtmaterialoverlaywidget.h
  - qtmaterialripple.cpp
  - qtmaterialripple.h
  - qtmaterialrippleoverlay.cpp
  - qtmaterialrippleoverlay.h
  - qtmaterialstatetransition.cpp
  - qtmaterialstatetransition.h
  - qtmaterialstatetransitionevent.h
  - qtmaterialstyle.cpp
  - qtmaterialstyle.h
  - qtmaterialstyle_p.h
  - qtmaterialtheme.cpp
  - qtmaterialtheme.h
  - qtmaterialtheme_p.h
- components.pro
- qtmaterialappbar.cpp
- qtmaterialappbar.h
- qtmaterialappbar_p.h
- qtmaterialautocomplete.cpp
- qtmaterialautocomplete.h
- qtmaterialautocomplete_internal.cpp
- qtmaterialautocomplete_internal.h
- qtmaterialautocomplete_p.h
- qtmaterialavatar.cpp
- qtmaterialavatar.h
- qtmaterialavatar_p.h
- qtmaterialbadge.cpp
- qtmaterialbadge.h
- qtmaterialbadge_p.h
- qtmaterialcheckbox.cpp
- qtmaterialcheckbox.h
- qtmaterialcheckbox_p.h
- qtmaterialcircularprogress.cpp
- qtmaterialcircularprogress.h
- qtmaterialcircularprogress_internal.cpp
- qtmaterialcircularprogress_internal.h
- qtmaterialcircularprogress_p.h
- qtmaterialdialog.cpp
- qtmaterialdialog.h
- qtmaterialdialog_internal.cpp
- qtmaterialdialog_internal.h
- qtmaterialdialog_p.h
- qtmaterialdrawer.cpp
- qtmaterialdrawer.h
- qtmaterialdrawer_internal.cpp
- qtmaterialdrawer_internal.h
- qtmaterialdrawer_p.h
- qtmaterialfab.cpp
- qtmaterialfab.h
- qtmaterialfab_p.h
- qtmaterialflatbutton.cpp
- qtmaterialflatbutton.h
- qtmaterialflatbutton_internal.cpp
- qtmaterialflatbutton_internal.h
- qtmaterialflatbutton_p.h
- qtmaterialiconbutton.cpp
- qtmaterialiconbutton.h
- qtmaterialiconbutton_p.h
- qtmateriallist.cpp
- qtmateriallist.h
- qtmateriallist_p.h
- qtmateriallistitem.cpp
- qtmateriallistitem.h
- qtmateriallistitem_p.h
- qtmaterialmenu.cpp
- qtmaterialmenu.h
- qtmaterialmenu_internal.cpp
- qtmaterialmenu_internal.h
- qtmaterialmenu_p.h
- qtmaterialpaper.cpp
- qtmaterialpaper.h
- qtmaterialpaper_p.h
- qtmaterialprogress.cpp
- qtmaterialprogress.h
- qtmaterialprogress_internal.cpp
- qtmaterialprogress_internal.h
- qtmaterialprogress_p.h
- qtmaterialradiobutton.cpp
- qtmaterialradiobutton.h
- qtmaterialradiobutton_p.h
- qtmaterialraisedbutton.cpp
- qtmaterialraisedbutton.h
- qtmaterialraisedbutton_p.h
- qtmaterialscrollbar.cpp
- qtmaterialscrollbar.h
- qtmaterialscrollbar_internal.cpp
- qtmaterialscrollbar_internal.h
- qtmaterialscrollbar_p.h
- qtmaterialslider.cpp
- qtmaterialslider.h
- qtmaterialslider_internal.cpp
- qtmaterialslider_internal.h
- qtmaterialslider_p.h
- qtmaterialsnackbar.cpp
- qtmaterialsnackbar.h
- qtmaterialsnackbar_internal.cpp
- qtmaterialsnackbar_internal.h
- qtmaterialsnackbar_p.h
- qtmaterialtable.cpp
- qtmaterialtable.h
- qtmaterialtable_p.h
- qtmaterialtabs.cpp
- qtmaterialtabs.h
- qtmaterialtabs_internal.cpp
- qtmaterialtabs_internal.h
- qtmaterialtabs_p.h
- qtmaterialtextfield.cpp
- qtmaterialtextfield.h
- qtmaterialtextfield_internal.cpp
- qtmaterialtextfield_internal.h
- qtmaterialtextfield_p.h
- qtmaterialtoggle.cpp
- qtmaterialtoggle.h
- qtmaterialtoggle_internal.cpp
- qtmaterialtoggle_internal.h
- qtmaterialtoggle_p.h
- resources.qrc
- - ic_message_24px.svg
  - sikh.jpg
  - uxceo-128.jpg
- appbarsettingseditor.cpp
- appbarsettingseditor.h
- appbarsettingsform.ui
- autocompletesettingseditor.cpp
- autocompletesettingseditor.h
- avatarsettingseditor.cpp
- avatarsettingseditor.h
- avatarsettingsform.ui
- badgesettingseditor.cpp
- badgesettingseditor.h
- badgesettingsform.ui
- checkboxsettingseditor.cpp
- checkboxsettingseditor.h
- checkboxsettingsform.ui
- circularprogresssettingseditor.cpp
- circularprogresssettingseditor.h
- circularprogresssettingsform.ui
- dialogsettingseditor.cpp
- dialogsettingseditor.h
- dialogsettingsform.ui
- drawersettingseditor.cpp
- drawersettingseditor.h
- drawersettingsform.ui
- examples.pro
- examples.qrc
- fabsettingseditor.cpp
- fabsettingseditor.h
- fabsettingsform.ui
- flatbuttonsettingseditor.cpp
- flatbuttonsettingseditor.h
- flatbuttonsettingsform.ui
- iconbuttonsettingseditor.cpp
- iconbuttonsettingseditor.h
- iconbuttonsettingsform.ui
- main.cpp
- mainwindow.cpp
- mainwindow.h
- menusettingseditor.cpp
- menusettingseditor.h
- progresssettingseditor.cpp
- progresssettingseditor.h
- progresssettingsform.ui
- radiobuttonsettingseditor.cpp
- radiobuttonsettingseditor.h
- radiobuttonsettingsform.ui
- raisedbuttonsettingseditor.cpp
- raisedbuttonsettingseditor.h
- scrollbarsettingseditor.cpp
- scrollbarsettingseditor.h
- scrollbarsettingsform.ui
- slidersettingseditor.cpp
- slidersettingseditor.h
- slidersettingsform.ui
- snackbarsettingseditor.cpp
- snackbarsettingseditor.h
- snackbarsettingsform.ui
- tabssettingseditor.cpp
- tabssettingseditor.h
- tabssettingsform.ui
- textfieldsettingseditor.cpp
- textfieldsettingseditor.h
- textfieldsettingsform.ui
- togglesettingseditor.cpp
- togglesettingseditor.h
- togglesettingsform.ui
- - LICENSE.txt
  - Roboto-Black.ttf
  - Roboto-BlackItalic.ttf
  - Roboto-Bold.ttf
  - Roboto-BoldItalic.ttf
  - Roboto-Italic.ttf
  - Roboto-Light.ttf
  - Roboto-LightItalic.ttf
  - Roboto-Medium.ttf
  - Roboto-MediumItalic.ttf
  - Roboto-Regular.ttf
  - Roboto-Thin.ttf
  - Roboto-ThinItalic.ttf
- appbar.gif
- autocomplete.gif
- avatar.gif
- badge.gif
- checkbox.gif
- circularprogress.gif
- dialog.gif
- drawer.gif
- fab.gif
- flatbutton.gif
- iconbutton.gif
- progress.gif
- radiobutton.gif
- raisedbutton.gif
- scrollbar.gif
- slider.gif
- snackbar.gif
- tabs.gif
- textfield.gif
- toggle.gif
.gitignore
.qmake.conf
LICENSE
qt-material-widgets.pro
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Qt Material Design Desktop Widgets [![Language](https://img.shields.io/badge/language-c++-brightgreen.svg)]() [![Join the chat at https://gitter.im/qt-material-widgets/Lobby](https://badges.gitter.im/qt-material-widgets/Lobby.svg)](https://gitter.im/qt-material-widgets/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

YouTube video preview [available here](http://www.youtube.com/watch?v=21UMeNVBPU4).

<table>
  <tbody>
    <tr>
      <td colspan="2" align="center"></td>
    </tr>
    <tr>
      <td>
        App Bar
      </td>
      <td>
        <code>QtMaterialAppBar</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/appbar.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Auto Complete
      </td>
      <td>
        <code>QtMaterialAutoComplete</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/autocomplete.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Avatar
      </td>
      <td>
        <code>QtMaterialAvatar</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/avatar.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Badge
      </td>
      <td>
        <code>QtMaterialBadge</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/badge.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Check Box
      </td>
      <td>
        <code>QtMaterialCheckBox</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/checkbox.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Circular Progress
      </td>
      <td>
        <code>QtMaterialCircularProgress</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/circularprogress.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Dialog
      </td>
      <td>
        <code>QtMaterialDialog</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/dialog.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Drawer
      </td>
      <td>
        <code>QtMaterialDrawer</code>
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <img src="gifs/drawer.gif" />
      </td>
    </tr>
    <tr>
      <td>
        FAB
      </td>
      <td>
        <code>QtMaterialFloatingActionButton</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/fab.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Flat Button
      </td>
      <td>
        <code>QtMaterialFlatButton</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/flatbutton.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Icon Button
      </td>
      <td>
        <code>QtMaterialIconButton</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/iconbutton.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Progress
      </td>
      <td>
        <code>QtMaterialProgress</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/progress.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Radio Button
      </td>
      <td>
        <code>QtMaterialRadioButton</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/radiobutton.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Raised Button
      </td>
      <td>
        <code>QtMaterialRaisedButton</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/raisedbutton.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Scroll Bar
      </td>
      <td>
        <code>QtMaterialScrollBar</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/scrollbar.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Slider
      </td>
      <td>
        <code>QtMaterialSlider</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/slider.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Snackbar
      </td>
      <td>
        <code>QtMaterialSnackBar</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/snackbar.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Tabs
      </td>
      <td>
        <code>QtMaterialTabs</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/tabs.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Text Field
      </td>
      <td>
        <code>QtMaterialTextField</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/textfield.gif" />
      </td>
    </tr>
    <tr>
      <td>
        Toggle
      </td>
      <td>
        <code>QtMaterialToggle</code>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <img src="gifs/toggle.gif" />
      </td>
    </tr>
  </tbody>
</table>

#### Implemented components

- [x] App Bar
- [x] Auto Complete
- [x] Avatar
- [x] Badge
- [x] Check Box
- [x] Circular Progress
- [x] Dialog
- [x] Drawer
- [x] Floating Action Button
- [x] Flat Button
- [x] Icon Button
- [x] Progress
- [x] Radio Button
- [x] Raised Button
- [x] Scroll Bar
- [x] Slider
- [x] Snackbar
- [x] Tabs
- [x] Text Field
- [x] Toggle

#### Work in progress

- [ ] Divider
- [ ] List
- [ ] List Item
- [ ] Menu
- [ ] Paper
- [ ] Snackbar Layout
- [ ] Table

#### Not implemented

- [ ] Card
- [ ] Chips
- [ ] Discrete Slider
- [ ] Grid List
- [ ] Icon Menu
- [ ] Search Field
- [ ] Select Field
- [ ] Stepper
- [ ] Subheaders
- [ ] Toolbar

qt-material-widgets

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

qt-material-widgets

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README