compose-preview Material 3 Design Kit

Shape

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/m3catalog/sections/Shapes.kt#CircleShape Shape=Square — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#SquareShape Shape=Slanted — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#SlantedShape Shape=Arch — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#ArchShape Shape=Fan — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#FanShape Shape=Arrow — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#ArrowShape Shape=Semicircle — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#SemiCircleShape Shape=Oval — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#OvalShape Shape=Pill — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#PillShape Shape=Triangle — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#TriangleShape Shape=Diamond — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#DiamondShape Shape=Hexagon — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#ClamShellShape Shape=Pentagon — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#PentagonShape Shape=Gem — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#GemShape Shape=Very sunny — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#VerySunnyShape Shape=Sunny — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#SunnyShape Shape=4-sided cookie — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Cookie4SidedShape Shape=6-sided cookie — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Cookie6SidedShape Shape=7-sided cookie — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Cookie7SidedShape Shape=9-sided cookie — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Cookie9SidedShape Shape=12-sided cookie — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Cookie12SidedShape Shape=Ghost-ish — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#GhostishShape Shape=4-leaf clover — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Clover4LeafShape Shape=8-leaf clover — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Clover8LeafShape Shape=Burst — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#BurstShape Shape=Soft burst — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#SoftBurstShape Shape=Boom — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#BoomShape Shape=Soft boom — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#SoftBoomShape Shape=Flower — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#FlowerShape Shape=Puffy — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#PuffyShape Shape=Puffy diamond — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#PuffyDiamondShape Shape=Pixel Circle — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#PixelCircleShape Shape=Pixel triangle — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#PixelTriangleShape Shape=Bun — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#BunShape Shape=Heart — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#HeartShape
35 of 35 components implemented
Shape=Circlecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#CircleShape Shape=Squarecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#SquareShape Shape=Slantedcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#SlantedShape Shape=Archcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#ArchShape Shape=Fancatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#FanShape Shape=Arrowcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#ArrowShape Shape=Semicirclecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#SemiCircleShape Shape=Ovalcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#OvalShape Shape=Pillcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#PillShape Shape=Trianglecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#TriangleShape Shape=Diamondcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#DiamondShape Shape=Hexagoncatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#ClamShellShape Shape=Pentagoncatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#PentagonShape Shape=Gemcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#GemShape Shape=Very sunnycatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#VerySunnyShape Shape=Sunnycatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#SunnyShape Shape=4-sided cookiecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Cookie4SidedShape Shape=6-sided cookiecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Cookie6SidedShape Shape=7-sided cookiecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Cookie7SidedShape Shape=9-sided cookiecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Cookie9SidedShape Shape=12-sided cookiecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Cookie12SidedShape Shape=Ghost-ishcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#GhostishShape Shape=4-leaf clovercatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Clover4LeafShape Shape=8-leaf clovercatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#Clover8LeafShape Shape=Burstcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#BurstShape Shape=Soft burstcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#SoftBurstShape Shape=Boomcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#BoomShape Shape=Soft boomcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#SoftBoomShape Shape=Flowercatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#FlowerShape Shape=Puffycatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#PuffyShape Shape=Puffy diamondcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#PuffyDiamondShape Shape=Pixel Circlecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#PixelCircleShape Shape=Pixel trianglecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#PixelTriangleShape Shape=Buncatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#BunShape Shape=Heartcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Shapes.kt#HeartShape