What is #Claymorphism?
#Claymorphism is a UI design trend featuring soft, rounded 3D elements that resemble molded clay or plasticine. It’s characterized by inflated shapes, soft shadows, and tactile, playful aesthetics.
Origins
Claymorphism emerged on Dribbble in mid-2021 after neumorphism faded and glassmorphism peaked. Designers sought the next “morphism” trend, landing on clay-inspired 3D UI elements.
Michal Malewicz (who also popularized neumorphism) helped define and name the trend.
Visual Characteristics
Core Elements:
- Inflated, soft shapes: Puffy, rounded, pillowy forms
- 3D depth: Clear light source, subtle shadows
- Matte textures: Not glossy; mimics clay/plasticine
- Pastel colors: Soft, muted palettes
- Multiple layers: Floating, overlapping elements
- Organic forms: Less geometric than neumorphism
Technical Execution:
- Blender, Cinema 4D: 3D renders exported for UI
- Figma: 2D simulations with shadows and gradients
- CSS: box-shadow, border-radius for web implementation
Cultural Impact
Brief Trend (2021-2022):
- Peaked during summer 2021 on Dribbble
- Featured in concept UI work, mobile app designs
- Less production adoption than glassmorphism
Notable Implementations:
- iOS widgets: Soft, rounded aesthetic influence
- Duolingo rebrand (2021): Playful, clay-like 3D mascot
- Figma Community: Claymorphism UI kits and templates
Why It Appealed:
- Friendly, approachable: Less corporate than flat design
- Playful: Suited for kids’ apps, educational tools, games
- 3D trend: Aligned with broader 3D UI movement
Criticism
Impracticality:
- Performance: Heavy 3D renders slow load times
- Accessibility: Soft shadows can reduce contrast
- Scalability: Doesn’t work at small sizes
Short-Lived:
- By late 2022, claymorphism was considered passé
- Viewed as “concept work only,” not production-ready
“Just Another Morphism”:
- Critics called it trend-chasing without substance
- “We’re just adding ‘-morphism’ to everything now”
Comparison to Other Morphisms
Skeuomorphism (2007-2013):
- Realistic textures (leather, wood)
- Detailed, ornate
Neumorphism (2020):
- Soft, extruded from background
- Low contrast, accessibility issues
Glassmorphism (2020-2023):
- Frosted glass, transparency
- High contrast, production-viable
Claymorphism (2021-2022):
- Soft, inflated 3D shapes
- Playful, matte textures
- Mostly concept work
Tools
3D Software:
- Blender: Free, powerful 3D renders
- Cinema 4D: Mograph-friendly clay shaders
- Spline: Browser-based 3D for quick prototypes
Design Tools:
- Figma plugins: Claymorphism generators
- CSS generators: Online tools for web implementation
Legacy
Claymorphism represents the design community’s endless search for the “next trend.” While it briefly dominated Dribbble in 2021, it lacked the functional benefits of glassmorphism or the historical significance of skeuomorphism. It remains a niche aesthetic for playful, toy-like interfaces.
Related: #Neumorphism, #Glassmorphism, #3DDesign, #UIDesign
Sources:
- Michal Malewicz UX Collective:
- Dribbble claymorphism shots: https://dribbble.com/tags/claymorphism
- Figma claymorphism kits: https://www.figma.com/community/search?model_type=files&q=claymorphism