Jetpack Compose library

Compose Examples

150+ professionally crafted components and screens, you can copy and paste into your Compose projects. Build by @alexstyl

Components in Compose Examples

Compose Examples contains 156 Jetpack Compose components:

AcceptPrivacyScreen

Accordion

AccordionWithCheckboxes

AccordionWithChips

Autocomplete

AutocompleteWithIcons

AutocompleteWithImages

Avatar

Avatar stack

Avatar with indication

BannersWithSnapping

Basic table

Button with leading icon

Button with trailing icon

CardGridWithCta

CardWithPager

CardsGrid

Center aligned

Center aligned with icon

Center aligned with icon and input text

Checkbox

CheckboxCard

CheckboxList

CheckboxWithLabel

ChipWithLeadingIcon

ChipWithTrailingIcon

ChoiceCompactCard

CommentsFeed

ContactCardsGrid

ContentCard

ConversationScreen

CoverListWithSnapping

Date picker in Modal Dialog

Date range picker in Modal Dialog

DateInputButton

DateInputOutlined

DateRangeInputOutlinedSingleField

DateRangeInputOutlinedTwoFields

DialogOnLarge

Disabled Text Field

DisabledCheckboxWithLabel

DiscussionFeed

Dropdown with icon button

Dropdown with icons

Dropdown with separators

ExpandableCard

ExpandableList

ExpandableListWithCheckboxes

ExpandableListWithFilterChips

FeatureShowcaseCard

ForgotPasswordScreen

FormLayoutFilled

FormLayoutFilledWithIcons

FormLayoutOutlined

FormLayoutOutlinedWithIcons

FriendsProfileScreen

Full-width tabs with icons

Full-width tabs with underline

GalleryProfileScreen

HorizontalPagerIndicator

Icon button

ItemListCard

List with icons

List with menu

List with sticky headers

List with swipe to dismiss

List with truncated content

ListDetailLayout

ListDetailLayoutWithSearchBar

ManageAccountScreen

MultiselectAutocomplete

MusicPlayerControls

MusicPlayerMini

MusicPlayerWithAlbumCoverAndSeekbar

NewsFeed

NewsFeedWithSecondaryFeed

Onboarding with pager

Outlined button

PermissionRequiredScreen

PhotoCollage

PhotoGrid

PhotoGridWithDetails

PhotoGridWithListOnMobile

PhotosList

PlayButton

PostCard

Primary button

ProfileCard

ProfileCompactCard

RadioGroupHorizontal

RadioGroupVertical

RadioGroupWithLabel

RatingCard

Rounded tabs

Rounded tabs with icon

Scrollable table

SearchBar

SearchBarFilled

SearchScreen

Secondary button

SelectableChip

SettingsScreen

SignInScreen

SignUpScreen

Simple

Simple List

Simple dropdown

SimpleCardsGrid

SimpleChip

SimpleHistoryFeed

SimpleToggle

Single page onboarding

SocialProfileScreen

SocialProfilesGrid

SocialShareModal

SocialShareSheet

SocialShareWithImagePreviewScreen

Start aligned when large

Start aligned when large with icon

Start aligned when large with icon and text input

StoriesList

SupportingPane

SupportingPaneWithNarrowSidebar

TabBar

Table with filtering

Table with pagination

Table with selectable rows

Table with sortable headers

Tabs with underline

Tabs with underline and icon

Text Field

Text Field with error

Text Field with icon

Text Field with prefix

Text Field with trailing icon

Text button

ThreeColumnLayout

TimeInputButton

TimeInputOutlined

TodoCard

ToggleSettingsScreen

ToggleWithLabel

ToggleWithTitleAndDescription

TraitsProfileScreen

VisualCardWithAction

With Pager and navigation

With call to action

With checkboxes

With hidden columns on on mobile

With horizontal actions

With merging columns on on mobile

With sticky header

With vertical actions

WithDropdown

WithIcons

WithStats