Extruded Text — 3D effects.

One word in Syne ExtraBold, extruded into bevelled 3D letters that stand on a studio sweep of the same colour. The camera leans toward the pointer on a spring, letters hop on hover and squash on press, and the material switches between matte clay, tinted chrome and candy glass.

by vividsites Studio3Dthree.jsJSCSS

three@0.170.0
@fontsource/syne@5

Use in Create

Installs: 1,110
Kind: 3D · 3D effects
Snippet: 410lines
Weight: 25.3KB
Dependencies: 2CDN
Added: 30 Sep 2026

vividsites.app/c/extruded-text

Starting the preview…

The component’s own demo at 1280 × 800. Hover, click and scroll inside the frame.

More 3D effects, same paste.

See all

Live

Click Ripple

3D effects · 3D

GLSL
JS
CSS

Live

Curved Gallery

3D effects · 3D

three.js
GLSL
JS
CSS

Live

Depth Photo

3D effects · 3D

GLSL
JS
CSS

Live

Dissolve Transition

3D effects · 3D

GLSL
JS
CSS