🎁 Special offer 50% off • Ends in 22 hours • Discount applied at checkout

undefined

Getting started

All components

Free components

Application UI

Components

Accordions Autocomplete Avatars Bottom sheets Button Groups Buttons Cards Checkboxes Chips Date pickers Dialogs Dropdown Menus Expandable Lists Feeds Form Inputs Forms Grids Horizontal Lists Lists Modal Bottom sheets Music Playback Radio Groups Responsive Layouts Search Bars Social Share Tables Tabs Text Fields Toggles Utilities

Screen Examples

Accept Privacy Screen Onboarding Chat Screen Request Permission Screen Settings Screens Forgot Password Screen Search Screen Sign Up Screen Profile Details Screens Sign In Screen

Ecommerce UI

Components

Checkout Forms Product Details Product Filters Product Lists Product Reviews Shopping Cart

Onboarding

Single page onboarding

Get code →


@Composable
fun NiceTry(){
    Column {
        BasicText("Nice try. Use code COMPOSE10 for a 10% discount on checkout ;)")
    }
}

Onboarding with pager

Get code →


@Composable
fun NiceTry(){
    Column {
        BasicText("Nice try. Use code COMPOSE10 for a 10% discount on checkout ;)")
    }
}

With Pager and navigation

Get code →


@Composable
fun NiceTry(){
    Column {
        BasicText("Nice try. Use code COMPOSE10 for a 10% discount on checkout ;)")
    }
}

Phone

Sit tight. We are loading your preview

Single page onboarding