Skip to component content

Components for real interfaces.

Browse 155 components, try them, and copy the source.

Browse components →
Layout · 23
AlignmentGuideAspectRatioBackgroundContainerRelativeFrameDividerFlowLayoutGeometryReaderGridGridRowHStackInsetContainerOverlayPaddingSafeAreaInsetScrollViewScrollViewReaderSpacerViewFrameViewThatFitsVStackZStackAppFrameContentRegion
Content · 11
AsyncImageAttributedTextAvatarBadgeCodeTextIconImageLabelLinkTextAvatarGroup
Input · 30
ButtonButtonGroupCheckboxColorPickerComboboxControlGroupDatePickerFieldGroupFilePickerFormGaugeHelpLinkLabeledContentMultiDatePickerPasteButtonPickerProgressViewRadioGroupRangeSliderRenameButtonSearchFieldSecureFieldSegmentedPickerShareLinkSliderStepperTextEditorTextFieldToggleCommandTrigger
Collection · 18
DataGridDisclosureGroupEmptyStateForEachGroupGroupBoxListListRowOutlineGroupRefreshableListSectionTableTableColumnTableRowVirtualizedCollectionCardRowMetricSummary
Navigation · 13
BreadcrumbsNavigationLinkNavigationSplitViewNavigationStackNavigationTitleResizableSplitPaneSearchableSidebarTabTabBarTabViewToolbarToolbarItem
Presentation · 16
AlertBannerCommandPaletteConfirmationDialogContextMenuDialogFullScreenCoverInspectorMenuMenuItemModalSurfaceOverlayHostPopoverSheetToastTooltip
Drawing · 17
AngularGradientCanvasCapsuleCircleEllipseLinearGradientMaskMaterialSurfacePathRadialGradientRectangleRoundedRectangleShadowStrokeUnevenRoundedRectangleThemeScopeSurface
Behavior · 27
AnimationDraggableBounceCollapseFadeFlipFloatPulseRevealRotateScaleShakeSlideStaggerDragGestureDropDestinationFocusStateHoverEffectKeyboardShortcutLongPressGestureMatchedGeometryEffectRefreshableScrollIndicatorsScrollTargetBehaviorSwipeActionsTapGestureTransition