Bentuk Empuk
Radius besar di setiap elemen membuat permukaan terasa mengembang dan bersahabat — tanpa satu pun sudut tajam.
✨ Claymorphism UI Kit
Desain yang Terasa
Desain yang Terasa
Selembut Tanah Liat
Antarmuka empuk, tebal, dan ramah disentuh. Dibangun murni dengan HTML & CSS — tanpa framework, tanpa kompromi.
Dipercaya oleh tim hebat
Lumina
Nimbus
Orbital
Kinetic
Vellum
Parallax
Northwind
Cohere
Kenapa Claymorphism?
Tiga hal yang membuat elemen terasa seperti tanah liat yang baru dibentuk.
Shadow Berlapis
Kombinasi inset terang, inset gelap, dan drop shadow luar menciptakan ilusi kedalaman yang tegas dan nyata.
Warna Matte Cerah
Pastel vibrant tanpa kilap glossy. Fokus pada warna solid flat yang berani namun tetap lembut di mata.
Kata Mereka
Cerita dari mereka yang sudah merasakan empuknya Claymorphism.
★★★★★
“Shadow tiga lapisnya benar-benar bikin UI terasa hidup. Klien saya langsung bilang ‘ini kenapa empuk banget?’ waktu lihat hasilnya.”
★★★★★
“Saya pikir ini cuma Neumorphism dengan warna lebih cerah. Ternyata beda total — shadow tegas dan warnanya jauh lebih berani.”
★★★★★
“Animasi GSAP-nya halus dan tombolnya terasa benar-benar bisa ditekan. Detail tactile-nya bikin pengguna betah.”
Pilih Paketmu
Harga jujur, tanpa biaya tersembunyi. Upgrade atau berhenti kapan saja.
Starter
Untuk eksplorasi & hobi
Rp
0
/ bulan
- 1 project aktif
- 10 komponen clay
- Export HTML & CSS
- Community support
Pro
Untuk freelancer & studio kecil
Rp
149
rb / bulan
- Unlimited project
- 200+ komponen clay
- Animasi GSAP siap pakai
- Dark mode & tema custom
- Priority support
Studio
Untuk tim & agensi
Rp
499
rb / bulan
- Semua fitur Pro
- Kolaborasi 10 member
- Design system generator
- Brand kit & export Figma
- Dedicated support
Pertanyaan Umum
Hal-hal yang paling sering ditanyakan sebelum mulai.
Neumorphism cenderung menyatu dengan background dan memakai warna grayscale. Claymorphism justru kebalikannya — shadow lebih tegas (tiga lapis), warna pastel lebih cerah, dan elemen terlihat mengambang tebal seperti tanah liat yang baru dibentuk.
Bisa. Semua kode di sini murni HTML + CSS dan bebas kamu modifikasi untuk keperluan pribadi maupun komersial. Tinggal ganti warna aksen di variabel --clay-accent agar sesuai brand-mu.
GSAP memberi kontrol timeline yang presisi dan ScrollTrigger untuk animasi berbasis viewport. Lenis menambahkan smooth scroll yang sinkron dengan GSAP ticker, sehingga pergerakan terasa lebih empuk — pas dengan karakter Claymorphism.
Ya. Layout dibangun mobile-first dengan breakpoint 640px dan 900px. Grid fitur, testimoni, dan pricing otomatis berubah dari 1 kolom → 2 kolom → 3 kolom sesuai lebar layar.
Ada Pertanyaan?
Kirim pesan dan tim kami akan membalas dalam 1×24 jam.
Siap Bikin UI yang Bisa “Disentuh”?
Mulai dari satu card, satu button, satu shadow. Rasakan bedanya begitu Claymorphism masuk ke produkmu.
Mulai Sekarang