compose-preview M3 Wear OS Apps Design Kit

Shapes

35 of 35 components implemented · Open in Figma

Double-click a section to zoom · ⌘/Ctrl-scroll · drag to pan · + / − / 0 by keyboard · Esc resets
Shape=Circle — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Square — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Slanted — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Arch — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Fan — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Arrow — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Semicircle — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Oval — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Pill — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Triangle — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Diamond — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Hexagon — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Pantagon — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Gem — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Very sunny — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Sunny — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=4-sided cookie — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=6-sided cookie — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=7-sided cookie — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=9-sided cookie — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=12-sided cookie — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Ghost-ish — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=4-leaf clover — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=8-leaf clover — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Soft burst — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Boom — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Soft boom — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Flower — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Puffy — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Puffy diamond — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Pixel Circle — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Pixel triangle — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Bun — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Heart — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Burst — catalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker
35 of 35 components implemented
Shape=Circlecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Squarecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Slantedcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Archcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Fancatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Arrowcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Semicirclecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Ovalcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Pillcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Trianglecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Diamondcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Hexagoncatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Pantagoncatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Gemcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Very sunnycatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Sunnycatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=4-sided cookiecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=6-sided cookiecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=7-sided cookiecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=9-sided cookiecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=12-sided cookiecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Ghost-ishcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=4-leaf clovercatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=8-leaf clovercatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Soft burstcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Boomcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Soft boomcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Flowercatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Puffycatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Puffy diamondcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Pixel Circlecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Pixel trianglecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Buncatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Heartcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker Shape=Burstcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Shapes.kt#MaterialShapesSticker

Report a problem

Two trackers — pick whichever owns the thing that is wrong.