3D Web Experience: Webflow x Blender

Using simple no-code tools, some code sprinkled on top, and a bit of creativity, I put together this web experience.

Tools & Workflow:

  • Logo files downloaded from the web

  • Brought logos into Figma, image traced them w/ a plugin, exported them in SVG format

  • Imported to Blender, and simply extruded along the z-axis

  • Added a few different colored spheres, and then animated the position + rotation of all the models

  • exported as a .glb file

  • used the modelviewer code snippet I built (steal it from my site! zpennachi.com/3d) and just added the .glb file to the source!

If you want a detailed breakdown of this, i'm happy to help!

If you want to explore building a memorable experience together feel free to reach out z@zpennachi.com!

More by Zack Pennachi

View profile