How many claymorphism snippets are available?

This page lists 8 curated examples. New community Tailwind components are added regularly.

Can I use snippets commercially?

Yes — all snippets are MIT licensed for personal and commercial projects without attribution.

Looking for Tailwind versions?

See Tailwind components tagged "claymorphism" at /tailwind/tag/claymorphism.

#claymorphism — 8 Free Code Snippets

#auth interface#claymorphism+2

Sunset Orchid Auth Panel with Lively Social Login Options

Delight in a playful 3D claymorphic auth interface with smooth animations and vibrant social login buttons. Perfect for modern web experiences.

1View snippet

#claymorphism#data visualization+3

Sunset Orchid Dashboard Tile with Animated KPI Graphs

Explore our visually vibrant dashboard tile featuring smooth claymorphism and animated KPIs, perfect for modern data visualization.

1View snippet

#toast notifications#claymorphism+3

Deep Space Toast Notifications with Orbiting Glows

Discover a stunning notification system with soft 3D surfaces and automatic dismissals, gracefully enveloped in orbiting glow orbs. Ideal for alerting users with style.

1View snippet

#floating labels#inline validation+3

Aurora Mint Floating Form Experience with Inline Validation

Transform your form interactions with floating labels and responsive feedback in a captivating, claymorphic style.

1View snippet

#claymorphism#onboarding+3

Deep Space Onboarding with Animated Glow Elements

Boost user experience with a visually stunning, claymorphic onboarding card set in deep space hues with dynamic animations and CTA.

0View snippet

#command palette#claymorphism+3

Midnight Violet Neon Command Palette

Experience fluid claymorphic interactions in this power-user command palette, designed with vibrant glows and intuitive keyboard-first navigation.

1View snippet

#api manager#claymorphism+3

Deep Space API Key Manager with Dynamic Glow Effects

Manage your API keys seamlessly with this visually stunning UI. Enjoy claymorphic design and animated orbs that enhance the user experience.

5View snippet

#claymorphism#pricing table+3

Retro Synthwave Pricing Selector with Trust Badges

Explore our playful pricing plans with a stunning claymorphic design and interactive trust signals, all within a vibrant retro synthwave theme.

3View snippet

Sunset Orchid Auth Panel with Lively Social Login Options

Sunset Orchid Dashboard Tile with Animated KPI Graphs

Deep Space Toast Notifications with Orbiting Glows

Aurora Mint Floating Form Experience with Inline Validation

Deep Space Onboarding with Animated Glow Elements

Midnight Violet Neon Command Palette

Deep Space API Key Manager with Dynamic Glow Effects

Retro Synthwave Pricing Selector with Trust Badges

Best use cases for claymorphism UI

Implementation tips

Frequently asked questions

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Aurora Mint Neumorphic Event Scheduler with Drag Selection

Neon Music Player Widget

Step Wizard Onboarding

SaaS Hero with App Preview

Sunset Orchid Auth Panel with Lively Social Login Options

Sunset Orchid Dashboard Tile with Animated KPI Graphs

Deep Space Toast Notifications with Orbiting Glows

Aurora Mint Floating Form Experience with Inline Validation

Deep Space Onboarding with Animated Glow Elements

Midnight Violet Neon Command Palette

Deep Space API Key Manager with Dynamic Glow Effects

Retro Synthwave Pricing Selector with Trust Badges

Best use cases for claymorphism UI

Implementation tips

Frequently asked questions

Trending Bootstrap snippets

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Aurora Mint Neumorphic Event Scheduler with Drag Selection

Trending Tailwind components

Neon Music Player Widget

Step Wizard Onboarding

SaaS Hero with App Preview