Open Design Homepage.

A pixel-faithful mirror of the live open-design.ai homepage — an interactive WebGL/Three.js (React Three Fiber) hero built on Next.js. Features a real-time 3D "Open Design" wordmark (Draco-compressed geometry), a scattered sticker collage, custom variable fonts, cursor-reactive parallax, and scroll-driven motion. This is a first-party showcase of the visual ceiling Open Design targets for interactive marketing surfaces on the web — with all assets bundled locally (only the Draco decoder loads from a CDN, like the other WebGL examples), rendering in the sandboxed preview. Use as a reference for high-craft 3D landing pages, agent-native product sites, and motion-rich hero sections.

Open Design Homepage preview
Preview from the bundled-plugin manifest.
Mode
prototype
Scenario
marketing
Surface
web
Author
Open Design ↗
Manifest id
example-open-design-homepage

Tags

  • example
  • first-party
  • prototype
  • marketing
  • web
  • landing-page
  • webgl
  • three-js
  • react-three-fiber
  • 3d
  • interactive
  • hero
  • open-design-homepage