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
Building a Dreamy Kawaii E-Commerce Store with Squish Physics & Ambient Soundscapes ☁️🧸
Hey Contra community! 👋
I’ve been designing and developing CloudPuff, an interactive, joy-first e-commerce experience for plushie lovers. Instead of another cookie-cutter shop, I wanted every interaction to feel tactile, cozy, and playful.
What I’ve built so far:
Interactive Squish Physics: Spring animations, squeeze physics, and tactile micro-interactions on hover and click.
Custom Plushie Studio (/customizer): Real-time workshop to build custom plushies (fur tone, scent selection, embroidered collar tags).
Web Audio Soundscapes: Built-in soothing ambient lullaby chime, squish FX, and audio feedback.
In-Page Real-World Size Guide: Visual comparison against everyday objects (coffee mug, 13" laptop, sleeping house cat, pillows).
Adoption Registry & Live Tracker: Official printable birth certificates and a simulated live cuddle courier radar.
Day & Twilight Night Mode: Custom dual-palette design system built purely in Vanilla CSS & Next.js.
Looking for your feedback:
Do you prefer the dreamy pastel cotton candy aesthetic or the deep twilight glassmorphism?
What’s missing? If you were adopting a plushie buddy, what delight feature or micro-interaction would make you say "take my money"?
Drop your thoughts or suggestions below. I’d really appreciate your critique! 👇✨
The choice to make the product page feel like a soft, playful world while still exposing comparison and purchase states is a lovely balance. The tactile physics and ambient sound idea feel especially well-matched to the plush product.
Perfect
Thank you. 😊
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
Related posts
Meridian is an HTML or React template with AI-ready docs, contour maps drawn in the browser and a real route on top.
Preview it live to see the animations.
Starting at $29
https://no-code.supply/templates/meridian
The contour-map rendering in the browser is a nice touch, most template sites just ship a static hero image. Is the route data generated per session or a fixed dataset baked into the template?
What if a salvage company's brand looked like it belonged in a stamp album, not a treasure map?
Introducing BALEEN — marine salvage & shipwreck archaeology, built on vintage natural-history stamp DNA. Every object recovered, catalogued, provenanced.
Website here
Just shipped the BALEEN site — a marine salvage brand's home isn't a brochure, it's a registry.
A draggable archive of hyperrealistic specimen stamps as the hero. A live ledger of recovered objects. A vessel section with working depth and call sign.
Every object catalogued, never sold as treasure. 🐋⚓️
100% brochure, from layout, typography, sections, color palete and the description 100% AI generated. I use AI as well, but it seems like you did not put any human output anywhere.