I’m starting a 30-day design engineering challenge today. Goal: Build one high-fidelity interacti...

I’m starting a 30-day design engineering challenge today. Goal: Build one high-fidelity interacti...I’m starting a 30-day design engineering challenge today. Goal: Build one high-fidelity interacti...

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

Israel Chinwuba

• Jan 23

I’m starting a 30-day design engineering challenge today. Goal: Build one high-fidelity interaction every day using Next.js and Framer Motion.

Day 1: Kinetic Typography with spring physics.

The build uses useSpring (stiffness: 400, damping: 25) to add weight to the cursor movement. It creates a "drag" effect that feels more physical than standard CSS transitions.

You can grab the code for this component here: repo

#designengineering #buildinpublic

Design Engineering Next.js Figma

Dario⚡️ Ferrando

max

• Feb 21

Maybe it's just me but I still love my about page Parallax.

Illustration Animation Vue.js Figma webdesign

Stephanie Asoegwu

pro

• Feb 21

Parallax on about pages never gets old, it adds so much depth and personality to a first impression.

David Lovenburg

pro

• Feb 21

Spent my Friday night making these hover animations for my portfolio site redesign 😅 I think they turned out pretty nice

What do you think?

Webflow Figma Jitter

Restu Satrio Pinanggih

• Feb 23

looks like a nice animation with the color love it

Matthew Shillings

pro

• Feb 21

1 Page Minimalism // Arvi Studios

Arvi Studios is a 3D design studio specialising in high-end interior and exterior renders. The brief was clear: let the work speak. Creating an immersive, gallery-like experience that was minimal, spacious, and entirely focused on their visuals.

Neutral tones and intentional spacing paired with soft but immersive animation so the imagery could take centre stage.

Built in Webflow as a single-page portfolio with a CMS powering effortless category filtering and a custom randomised hero that displays a different render on each load. Bespoke interactions throughout, with performance carefully optimised for the high-resolution imagery involved.

Big thanks to the team at Arvi Studios for trusting me with this one. Check it out at arvistudios.com.au