Facet Orb

Facet Orb is a realtime WebGL 3D component for Framer, built for interactive hero visuals, product launches, portfolios, and experimental layouts.

It uses procedural faceted geometry rendered directly in WebGL, with no external 3D models, textures, APIs, or third-party 3D libraries required.

Features

- Single Object and multi-object Engine modes

- Procedural faceted 3D geometry

- Monolith, Orbital, Helix, Wave, and Scatter scenes

- Drag-to-rotate interaction

- Cursor-responsive tilt

- Adjustable scale, spin, float, morph, and timing

- Multiple color and material presets

- Custom pentagon, hexagon, highlight, and background colors

- Adjustable lighting, ambient light, specular highlights, and seams

- Eco, Balanced, and Ultra quality modes

- Reduced-motion support

- Static-renderer optimized for Framer Canvas and exports

- Automatically pauses WebGL rendering when outside the viewport

- Responsive WebGL rendering

### Built for

- Landing page hero sections

- AI and technology websites

- Creative studios

- Portfolios

- Product launches

- Experimental editorial layouts

Performance

Balanced quality is recommended for most projects. Eco mode is available for lower-powered devices.

The component automatically pauses offscreen rendering to reduce unnecessary CPU and GPU usage.

WebGL performance may vary depending on the device and browser.