Android UI Component in Kotlin

Screen Archetypes

Material Component

Bottom Navigation

  • Basic
  • ✓ Shifting
  • Light
  • Dark
  • Icon
  • Primary
  • Map Blue

Bottom Sheet

  • Basic
  • List
  • Map
  • Floating
  • Full

Buttons

  • Basic
  • Button in Utilities
  • Fab Middle
  • Fab More
  • Fab More Text

Cards

  • Basic
  • Timeline
  • Overlap
  • Wizard
  • Wizard Light
  • Wizard Overlap

Chips

  • Basic
  • Tag

Dialogs

  • Basic
  • Fullscreen
  • Custom
  • Custom Info
  • Custom Warning
  • Custom Light
  • Custom Dark
  • Custom Add Post
  • Custom Add Review

Expansion Panels

  • Basic
  • Invoice
  • Ticket

Grid

  • Basic
  • Single Line
  • Two Line
  • Sectioned
  • Albums
  • Caller

Lists

  • Basic
  • Sectioned
  • Animation
  • Expand
  • Draggable
  • Swipe
  • Multi Selection

Menu

  • Drawer News
  • Drawer Mail
  • Drawer Simple Light
  • Drawer Simple Dark
  • Drawer No Icon
  • Overflow Toolbar
  • Overflow List

Pickers

  • ✓ Date Light
  • Date Dark
  • Time Light
  • Time Dark
  • Color RGB
  • Location

Progress & Activity

  • Basic
  • Linear Center
  • Linear Top
  • Circle Center
  • On Scroll
  • Pull Refresh
  • Dots Bounce
  • Dots Fade
  • Dots Grow

Sliders

  • Light
  • Dark
  • Color Picker

Snackbars & Toasts

  • Basic
  • Lift FAB

Steppers

  • Text
  • Dots
  • Progress
  • Vertical
  • Wizard Light
  • Wizard Color

Tabs

  • Basic
  • Store
  • Light
  • Dark
  • Icon
  • Text & Icon
  • Icon Stack
  • Scroll
  • Round

Form

  • Login
  • Sign Up
  • Profile Data
  • With Icon
  • Text Area

Toolbars

  • Basic
  • Collapse
  • Collapse And Pin
  • Light
  • Dark