A developer-focused reference for building UIs with Jetpack Compose — neatly categorized and ready to use.
Components: Text, AnnotatedString, SelectionContainer, DisableSelection
📝 Text display and selection handling
Components: Button, TextButton, OutlinedButton, ElevatedButton, FilledTonalButton, IconButton, IconToggleButton, FloatingActionButton, ExtendedFloatingActionButton, SmallFloatingActionButton, LargeFloatingActionButton
📝 All button variants and interactions
Components: Image, Icon, AsyncImage, SubcomposeAsyncImage
📝 Display images, icons, and async loaded content
Components: Row, Column, Box, BoxWithConstraints, ConstraintLayout, Surface, Spacer, FlowRow, FlowColumn
📝 Arrange elements, layer or position UI, flexible wrapping layouts
Components: TextField, OutlinedTextField, BasicTextField
📝 Text input fields and variants
Components: Checkbox, TriStateCheckbox, Switch, RadioButton, Slider, RangeSlider, SegmentedButton, SingleChoiceSegmentedButtonRow, MultiChoiceSegmentedButtonRow
📝 User selection and input controls
Components: LazyColumn, LazyRow, LazyVerticalGrid, LazyHorizontalGrid, LazyVerticalStaggeredGrid, LazyHorizontalStaggeredGrid
📝 Efficient scrollable views and grids
Components: Scaffold, TopAppBar, CenterAlignedTopAppBar, MediumTopAppBar, LargeTopAppBar, BottomAppBar, NavigationBar, NavigationBarItem, NavigationRail, NavigationRailItem, NavigationDrawer, ModalNavigationDrawer, PermanentNavigationDrawer, DismissibleNavigationDrawer, NavigationDrawerItem
📝 App layout skeletons and navigation components
Components: SearchBar, DockedSearchBar
📝 Search interfaces
Components: AlertDialog, BasicAlertDialog, Dialog, Popup, DropdownMenu, DropdownMenuItem, ExposedDropdownMenuBox
📝 Modal dialogs, popups, and dropdown menus
Components: BottomSheetScaffold, ModalBottomSheetLayout, ModalBottomSheet
📝 Bottom sheet containers and layouts
Components: TabRow, ScrollableTabRow, Tab, LeadingIconTab, HorizontalPager, VerticalPager, PagerState
📝 Tab navigation and swipeable content
Components: CircularProgressIndicator, LinearProgressIndicator
📝 Loading states and progress indication
Components: AnimatedVisibility, AnimatedContent, Crossfade, Transition, updateTransition, animateContentSize, animateColorAsState, animateFloatAsState, animateDpAsState, animateIntAsState, animateOffsetAsState, animateRectAsState, animateSizeAsState, animateValueAsState
📝 Animation components and state animations
Components: Canvas, DrawScope
📝 Custom graphics and drawing
Components: FilterChip, ElevatedFilterChip, AssistChip, ElevatedAssistChip, InputChip, SuggestionChip, ElevatedSuggestionChip
📝 Chip components for selection and actions
Components: Card, ElevatedCard, OutlinedCard, ListItem
📝 Content containers and list items
Components: Badge, BadgedBox, Tooltip, PlainTooltip, RichTooltip
📝 Contextual information and labels
Components: Divider, HorizontalDivider, VerticalDivider
📝 Visual separators
Components: DatePicker, DatePickerDialog, DateRangePicker, TimePicker, TimePickerDialog
📝 Date and time selection components
Components: Snackbar, SnackbarHost, SnackbarData, SnackbarHostState
📝 In-app notifications and messages
Components: DragAndDropSource, DragAndDropTarget, SwipeToDismiss, SwipeToReveal
📝 Advanced interaction patterns
Components: FocusRequester, Modifier.focusable(), Modifier.clickable(), Modifier.selectable(), Modifier.toggleable(), Modifier.semantics()
📝 Focus management and accessibility
Components: MaterialTheme, LocalContentColor, LocalTextStyle, ProvideTextStyle, CompositionLocalProvider
📝 Theme and styling system integration
Components: PullToRefreshContainer, PullToRefreshState
📝 Pull-to-refresh functionality
Components: SystemBarsScaffold, WindowInsets, WindowInsetsConnection
📝 System UI integration components