Create Dynamic Hover Animations with Minimal JS & CSS

Create Dynamic Hover Animations with Minimal JS & CSSCreate Dynamic Hover Animations with Minimal JS & CSS

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

Andrii Sivtsov

• Mar 19

DD40: Expand Cards Hover Hover-based expanding card animation using CSS with minimal JS. A clean way to bring your cards to life and make the UI feel more dynamic. Full resource in Sivuo - https://community.sivuo.com/dd/dd40-expand-cards-hover

R. Qule

max

• Apr 9

How do you make a landing page feel like a product — not a pitch deck?

For UNUS, we designed a landing page concept built around clean structure and premium visual storytelling.

The core of the experience is a set of 3D animated cards and icons, designed to communicate value instantly — with depth, clarity, and a strong product feel.

Instead of overloading the page with text, we used motion and hierarchy to guide attention naturally: sharp sections, controlled spacing, and visuals that actually support the message.

Built to feel modern, confident, and conversion-ready.

Created via our design subscription. FANCY is currently available for new projects.

UX Design Framer Website Design UI Design Adobe After Effects Figma Framer

Bigloong Shang

• Apr 9

Dynamic Particles🎉

I've always wanted to create a product component that combines image particle transitions and transformations with mouse interaction, and OMMA has made it possible for me. You can customize the images and set the particle parameter panel—it's truly amazing!

https://omma.build/p/dynamic-particles-417lc9