from Hacker News

Framer Motion 3D

by tilt on 12/13/21, 3:05 PM with 21 comments

  • by spagoop on 12/13/21, 3:36 PM

    Does anyone here actually use Framer on their team? I feel like every product designer I knew was excited and curious when it came out, filling a gap between engineer and designer, but then it just...fizzled.

    Figma continues to be the standard across my org overtaking Sketch a little over a year ago.

  • by Pulcinella on 12/13/21, 3:38 PM

    Very cool. I know I would love to see more 3D elements incorporated into UI. Nothing obnoxious (please no literal parallax scrolling) or impractical (e.g. the fsn 3D file system navigator). More like skeuomorphic UI but with real time lighting and shadows.

  • by solidr53 on 12/13/21, 6:28 PM

    I feel react-spring is better suited for the job.

    Can’t explain why, tried them both with r3f, i think it’s just about API design and framer starts to fall through once you start connect ing multiple animated nodes with interaction.

    If Framer would rewrite one of their demos it would help - https://docs.pmnd.rs/react-three-fiber/getting-started/examp...

  • by moritonal on 12/13/21, 4:02 PM

    The demo breaks (distorts to the right) for me (Chrome latest) if you scroll-down with your mouse still over the 3D effect.

  • by gitgud on 12/14/21, 12:12 AM

    Whenever I see a codesandbox embedded viewer, I know it's going to take 20s+ to load... so I don't click it...

    Why not just render the 3D example and show sandboxes a bit lower?

  • by bogwog on 12/13/21, 6:50 PM

    All I see is a blank white box on Firefox. Is this for Chrome only?