claymorphism
CommunityDesign soft, clay-like UI components with depth.
Authortelagod
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Claymorphism provides a cohesive design approach to create soft, dimensional UI elements that feel tactile and approachable.
Core Features & Use Cases
- Large radius, dual inner shadows, and offset outer shadows to craft clay-like components such as cards, buttons, and inputs.
- Design system tokens and dark-mode considerations to ensure consistent theming across projects.
- Use case: Rapidly implement a clay UI in a new design system or revitalize an existing interface with depth and warmth.
Quick Start
Integrate the claymorphism tokens and apply the clay-card, clay-btn, and clay-input classes to begin.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: claymorphism Download link: https://github.com/telagod/code-abyss/archive/main.zip#claymorphism Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.