Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

React Claymorphism Theme

Soft 3D clay-like design theme with pillowy shadows for React mobile and playful applications

Screens shouldn't feel flat—they should feel like you could press into them. Claymorphism emerged from designers playing with soft shadows, rounded corners, and the visual language of 3D modeling software. This React theme captures that aesthetic: backgrounds at oklch(0.95 0.02 280) with enough warmth to feel organic, shadows that wrap around elements like actual light on clay, corners rounded generously at 16-24px. It's the anti-flat design—depth without the harsh edges of neumorphism or the transparency of glassmorphism. Use it for mobile-first interfaces where touch is primary, children's apps and games, creative tools that should feel hands-on, prototype and design apps, or any Next.js project that wants users to feel like reaching through the screen. Dark mode softens into dusky clay tones—night pottery.

React Claymorphism Theme preview

Scroll to load preview

Installation

FAQ

Was this page helpful?

Sign in to leave feedback.