Working on a new website built around a scroll-driven 3D cube 👀 Each side reveals a different ex...

Working on a new website built around a scroll-driven 3D cube 👀 Each side reveals a different ex...Working on a new website built around a scroll-driven 3D cube 👀 Each side reveals a different ex...

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

Anastasia Satnichenka

• 2d

Working on a new website built around a scroll-driven 3D cube 👀 Each side reveals a different exhibition as the cube rotates. What do you think of the concept so far?

Framer design 3d

Ilya Kozlov

• 19h

The 3D rotation transition on scroll looks super smooth. Are you building this using custom Three.js code overrides in Framer or relying on native Framer 3D transform animations?

Anastasia Satnichenka

• 17h

Thank you! It’s actually a custom Framer code component, but it doesn’t use Three.js. The cube is built with CSS 3D transforms, and its rotation is driven by scroll progress with interpolated rotation stops. I wanted to keep it lightweight and fully customizable inside Framer.

Kris Anfalova

pro

• Jul 17

XPlace — Crypto-Backed Visa Card Website design Designed the interface for XPlace — a platform that lets users borrow against their crypto holdings and spend through a Visa card, without selling assets or triggering taxable events.

The challenge: Create a product that feels both trustworthy and premium — avoiding the typical "startup" look, and steering clear of the neon/gradient clichés so common in crypto design.

The solution: A dark, cinematic mood built around a monochrome landscape backdrop, bold expressive typography, and a metallic Visa Platinum card as the central visual anchor. Minimal elements, maximum focus on one action: get the card.

What's in the interface: — Full-bleed hero section with an atmospheric background — Large-scale headline that communicates value in seconds — 3D card render as a trust-building element — Transparent glass-effect header

Built in Framer — this isn't just the landing page, there are several more screens and flows I'll share case study separately 👀

UI Design Figma Framer Web Design Framer Website Design

Abdullah Eroğlu

pro

• Jul 17

That design, scroll transitions and color palette is very well designed with a great presentation. I like how you blend different type of scroll animations in different sections. Fits my dark sci fi aesthetic, good work!