Lucidity work

Fiber Text Ring

Fiber Text Ring is an experiment built around a React Three Fiber setup that wraps repeated text around a rotating 3D ring, using animated distortion and translucent materials for a glossy WebGL hero treatment.

Published 16/05/2024

Prototypes

Services

Prototypes

Working focus

A React Three Fiber experiment that wraps repeated text around a rotating 3D ring, using animated distortion and translucent materials for a glossy WebGL hero treatment.

What this explores

Fiber Text Ring is an experiment built around a React Three Fiber setup that wraps repeated text around a rotating 3D ring, using animated distortion and translucent materials for a glossy WebGL hero treatment.

Build notes

A React Three Fiber experiment that wraps repeated text around a rotating 3D ring, using animated distortion and translucent materials for a glossy WebGL hero treatment.

Interactive prototype

Try the prototype in the embedded preview, or open it directly if you need the full viewport.

Open prototype directly

Explore the work

Have a project to discuss?

Bring the context, constraints and decision to make. I’ll help identify the clearest useful next step.

Book a conversation