Claymorphism Pricing Card UI with Layered Interactions

Claymorphism Pricing Card UI with Layered InteractionsClaymorphism Pricing Card UI with Layered Interactions

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Ali Hassan

• Oct 31

Pricing card concept: "Premium Service. Premium Websites."

A clean claymorphism pricing card with soft shadows, layered depth, and a vibrant violet accent. Custom line icons draw in one by one, the cards rise into place on load, and everything lifts and tilts slightly when you hover.

The goal was to make pricing feel clear, premium, and a little bit delightful.

Available for UI and interaction projects. Let's work together.

UI Design Framer pricingcard

Vansita Addanki

pro

• Nov 2

Those soft shadows look good.

Ali Hassan

• Nov 2

Thanks! The shadows carry most of the depth.

Anky C.

pro

• Oct 29

What if a Landing page could feel less like a Landing page and more like opening a door to another world?

I'm exploring this idea with Elsewhere, a visual discovery concept built around extraordinary landscapes, hidden places, and inspiration worth getting lost in.👀

Framer framerdesigner contralabs

Muhammad Mustafa

• Oct 29

Would be a gread concept

Vaibhav Khulbe

pro

• Oct 29

Here's an embossed signature at the bottom of a portfolio template made in Framer.

Framer framertemplate Animation

Shani Tiwari

• Oct 30

that's satisfying 🍷

Lauri Lännenmäki

pro

• Oct 29

Three new portfolio templates out 🔥 Gist: one switch folds every case study down to its key sentences. Plakat: type at poster scale, and one button inverts the whole site. Tinta: hover a project and the page takes its colours. HTML, React and Framer.