Compose beyond Material
summary
Claim: you can drop Material UI and still implement a full design system by using Compose’s four main components and reusing the foundation package primitives. The talk shows concrete tools: basicText/basicTextField, layouts (Box/Row/Column), lazy lists, composition locals, indications and canvas. It builds a Duolingo‑style button by composing Box + clickable and a progress bar drawn on canvas using a canvas clipping trick to preserve rounded ends. Accessibility is one line of semantics and Material v3 is recommended as a reference.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:29Material design overview
- 6:27Removing Material from Compose
- 9:40Foundation as building blocks
- 13:14Composition locals in theming
- 15:42Indications and interactions
- 17:51API design guidelines
- 23:03Creating custom composables
- 27:21Progress bar implementation
- 32:43Accessibility in Compose
- 33:23Recap and key takeaways
related talks
41mCompose beyond Material
39mRe-Compose your UI: building an atomic design library
38mImplementing That Common UI in Jetpack Compose: X Ways
50mCustom Design Systems in Compose
18mCompose: Implementing responsive UI for larger screens
26mCompose Beyond Material Design
35mAdaptive Layouts in Compose
58mMaterial You Review