---
title: "Facet Orb — Framer component · Best of Framer"
description: "$17.00 · Framer component · by cusbedesign · Effects. Facet Orb is a realtime WebGL 3D component for Framer, built for interactive hero visuals, product launches, portfolios…"
canonical: "https://framer.elliotli.dev/component/facet-orb"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Facet Orb

# Facet Orb

Interactive WebGL hero object

[View on Framer](https://framer.com/marketplace/components/facet-orb/?via=elliot-li)

![Facet Orb preview image 1](https://framer.elliotli.dev/og/component/facet-orb/35a25bd3bfc4f3fd/1600x1200.jpg)

## Summary

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

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #10350

## Details

- **Author**: cusbedesign
- **Price**: $17.00
- **Published**: 2026-09-04
- **Updated**: 2026-09-04
- **Added**: 2026-09-04
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo