Discover Preferred Background Animation: Butterfly or Studio?

Discover Preferred Background Animation: Butterfly or Studio?Discover Preferred Background Animation: Butterfly or Studio?

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

Taste Test

Create your own

Zaoui Sohaib

pro

• 8h

Which background animation do you prefer?

• Butterfly Mode • Studio Mode

Check it out here

15 votes

Ends in 1d

Tehreem Fatima

• 4h

It should be illegal to not like the butterfly one… i mean its soo prettyy!!

Maty Sandoval

max

• 3h

Butterfly mood for me — the meadow setting makes the product cards feel more alive and less like a generic dark-mode template, which is what most background tools default to. Is this a Figma plugin or a standalone tool?

Tarik Eamin

max

• Jul 14

Pricing section with 2 versions.

Which one will make it easier to decide?

Figma pricingcard

8 voted

35%

15 voted

65%

23 votes

Closed

Koonj Imdad

• 2d

Version 2, simple and clear

Shruti

• 1d

which background you would like to use in your framer project?

lemme know the feedback.

Framer landingpage backgrounddesign

Talha Ahmed

pro

• 1d

🌐 3D Model Studio: Dynamic Scene Navigation & Real-Time Spatial Pins

Following up on yesterday’s virtual tour module, today I’m showcasing another core pillar of the platform I’ve built: the Interactive 3D Model Studio.

As a freelance Full Stack Developer with over 9 years of professional experience specializing in Three.js, WebGL, and React, I designed this tool to make navigating complex 3D interior architecture simple, snappy, and entirely web-based.

🛠️ What I Built & Handled in this Feature:

3D Database Initialization: Handled the heavy liftoff of initializing the 3D environment loading states smoothly in the UI.

Bi-Directional Sidebar Navigation: Built a reactive side navigation list. When a client clicks on a room listed in the sidebar (e.g., Modern Kitchen), the camera smoothly travels to that point.

Camera Rig Controller: Developed a multi-perspective controller allowing users to orbit freely or swap instantly between structured camera presets (Top View, Left, Right, Front, Back).

Smooth Camera Transitions: Wrote custom transition math using Three.js to ensure the camera glides seamlessly without causing motion sickness.

If you are looking to build interactive spatial tools, high-performing 3D configurators, or customized web editors, let's connect!

💼 Hire Me on Contra I work closely with startups and established brands to design and develop custom, cutting-edge 3D web products. 💬 Or hit "Message" right here on my Contra profile to discuss your project scope directly!