Skip to main content

Widget gallery

164 widgets, grouped by the job you are doing rather than by where they live in the source tree. 63 of them animate here, showing the interaction rather than a frozen frame. 23 ship in Pro; the rest are free under GPLv3.

Complete applications​

Every widget below also exists inside a real app — dashboards, chat, a music player, a node editor and more, each a runnable example. Browse all of them in the App showcase.

AuroraChatAuroraChatNodeStudioNodeStudioFinanceDashboardFinanceDashboardRhythmoTuneRhythmoTune

Layout & containers​

QCustomAccordionQCustomAccordionQCustomCardQCustomCardQCustomCardStackQCustomCardStackQCustomComponentQCustomComponentQCustomComponentContainerQCustomComponentContainerQCustomComponentLoaderQCustomComponentLoaderQCustomCoverCardQCustomCoverCardQCustomCoverFlowQCustomCoverFlowQCustomEmbeddedWindowQCustomEmbeddedWindowQCustomEmbededWindowQCustomEmbededWindowQCustomFlowLayoutQCustomFlowLayoutQCustomFlowWidgetQCustomFlowWidgetQCustomGlassFrameQCustomGlassFrameQCustomQMainWindowQCustomQMainWindowQCustomQStackedWidgetQCustomQStackedWidgetQCustomSidebarContainerQCustomSidebarContainerQCustomSplitterQCustomSplitterQCustomTabWidgetQCustomTabWidget
QCustomBreadcrumbsQCustomBreadcrumbsQCustomCommandPaletteQCustomCommandPaletteQCustomDrawerQCustomDrawerQCustomHamburgerMenuQCustomHamburgerMenuQCustomHeaderNavQCustomHeaderNavQCustomMenuQCustomMenuQCustomPageDotsQCustomPageDotsQCustomPaginationQCustomPaginationQCustomSidebarQCustomSidebarQCustomSidebarButtonQCustomSidebarButtonQCustomSidebarLabelQCustomSidebarLabelQCustomSlideMenuQCustomSlideMenuQCustomStepperQCustomStepperQCustomTileButtonQCustomTileButton

Buttons & actions​

QCustomActionButtonQCustomActionButtonQCustomButtonGroupQCustomButtonGroupQCustomCopyButtonQCustomCopyButtonQCustomKbdQCustomKbdQCustomQPushButtonQCustomQPushButtonQCustomQPushButtonGroupQCustomQPushButtonGroupQCustomRainbowButtonQCustomRainbowButtonQCustomSegmentedControlQCustomSegmentedControlQCustomSocialButtonQCustomSocialButton

Forms & input​

QCustomAnnotationWidgetQCustomAnnotationWidgetQCustomCheckBoxQCustomCheckBoxQCustomCodeEditorQCustomCodeEditorPROQCustomColorPickerQCustomColorPickerQCustomComboBoxQCustomComboBoxQCustomDateEditQCustomDateEditQCustomDateRangePickerQCustomDateRangePickerQCustomFileDropZoneQCustomFileDropZoneQCustomFormQCustomFormQCustomGradientPickerQCustomGradientPickerQCustomImagePickerQCustomImagePickerQCustomInputQCustomInputQCustomMultiSelectQCustomMultiSelectQCustomNumberInputQCustomNumberInputQCustomQSliderQCustomQSliderQCustomRadioButtonQCustomRadioButtonQCustomRadioGroupQCustomRadioGroupQCustomRangeSliderQCustomRangeSliderQCustomRatingQCustomRatingQCustomRichTextEditorQCustomRichTextEditorPROQCustomRulerPickerQCustomRulerPickerQCustomSwitchQCustomSwitchQCustomTagEditQCustomTagEditQCustomTextAreaQCustomTextAreaQCustomVerificationCodeQCustomVerificationCodeQTagEditQTagEdit

Data display​

QAvatarWidgetQAvatarWidgetQBadgeWidgetQBadgeWidgetQCardWidgetQCardWidgetQCustomAgendaListQCustomAgendaListQCustomAvatarQCustomAvatarQCustomAvatarGroupQCustomAvatarGroupQCustomBadgeQCustomBadgeQCustomChipQCustomChipQCustomDataTableQCustomDataTablePROQCustomDataTableProQCustomDataTableProQCustomEmptyStateQCustomEmptyStateQCustomFeaturedIconQCustomFeaturedIconQCustomFileCardQCustomFileCardQCustomLinkPreviewQCustomLinkPreviewQCustomListRowQCustomListRowQCustomPaymentCardQCustomPaymentCardQCustomSkeletonQCustomSkeletonQCustomStatCardQCustomStatCardQCustomTableToolbarQCustomTableToolbarPROQCustomTimelineQCustomTimelineQCustomTreeWidgetQCustomTreeWidgetQCustomTrendChipQCustomTrendChipQDraggableWidgetQDraggableWidget

Charts & analytics​

QCustomAreaChartQCustomAreaChartQCustomBarChartQCustomBarChartQCustomBeeswarmQCustomBeeswarmPROQCustomBubbleChartQCustomBubbleChartPROQCustomCandlestickChartQCustomCandlestickChartPROQCustomDivergingBarChartQCustomDivergingBarChartPROQCustomDonutQCustomDonutQCustomDotMatrixQCustomDotMatrixPROQCustomFunnelChartQCustomFunnelChartPROQCustomGanttChartQCustomGanttChartPROQCustomHeatmapQCustomHeatmapPROQCustomLineChartQCustomLineChartQCustomMiniBarChartQCustomMiniBarChartQCustomNodeGraphQCustomNodeGraphPROQCustomPieChartQCustomPieChartQCustomRadarChartQCustomRadarChartPROQCustomRadialBarsQCustomRadialBarsPROQCustomRadialLinesQCustomRadialLinesPROQCustomRangeBarChartQCustomRangeBarChartPROQCustomSankeyQCustomSankeyPROQCustomScatterChartQCustomScatterChartPROQCustomSparklineQCustomSparkline

Gauges & meters​

AnalogGaugeWidgetAnalogGaugeWidgetQCustomCompassQCustomCompassQCustomCompassDialQCustomCompassDialQCustomLiquidGaugeQCustomLiquidGaugeQCustomProgressIndicatorQCustomProgressIndicatorQCustomProgressRingQCustomProgressRingQCustomQProgressBarQCustomQProgressBarQCustomRadialGaugeQCustomRadialGaugeQCustomRoundProgressBarQCustomRoundProgressBarQFlowProgressBarQFlowProgressBar

Feedback & status​

QCustom3CirclesLoaderQCustom3CirclesLoaderQCustomAlertQCustomAlertQCustomArcLoaderQCustomArcLoaderQCustomMessageStatusQCustomMessageStatusQCustomModalQCustomModalQCustomModalsQCustomModalsQCustomPerlinLoaderQCustomPerlinLoaderQCustomPopoverQCustomPopoverQCustomQDialogQCustomQDialogQCustomQToolTipQCustomQToolTipQCustomSpinnerQCustomSpinnerQCustomTipOverlayQCustomTipOverlayQCustomToastQCustomToastQCustomTypingIndicatorQCustomTypingIndicator

Chat & messaging​

QCustomChatBubbleQCustomChatBubbleQCustomChatDividerQCustomChatDividerQCustomChatInputQCustomChatInputQCustomChatListQCustomChatListQCustomChatListItemQCustomChatListItemQCustomChatThreadQCustomChatThreadQCustomEmojiPickerQCustomEmojiPickerQCustomReactionBarQCustomReactionBarQCustomVoiceMessageQCustomVoiceMessage

Media​

QCustomCarouselQCustomCarouselQCustomImageViewerQCustomImageViewerPROQCustomMapViewQCustomMapViewQCustomMediaGridQCustomMediaGridPROQCustomMediaTimelineQCustomMediaTimelinePROQCustomPlayerBarQCustomPlayerBarQCustomQRGeneratorQCustomQRGeneratorQCustomVideoPlayerQCustomVideoPlayerPROQCustomWallpaperQCustomWallpaperQCustomWaveformQCustomWaveform

Text & motion​

QCustomClockLabelQCustomClockLabelQCustomGradientTextQCustomGradientTextQCustomHorizontalSeparatorQCustomHorizontalSeparatorQCustomNumberCounterQCustomNumberCounterQCustomQLabelQCustomQLabelQCustomSparklesTextQCustomSparklesTextQCustomTypewriterTextQCustomTypewriterTextQCustomVerticalSeparatorQCustomVerticalSeparator

Theming​

QCustomThemeDarkLightToggleQCustomThemeDarkLightToggle