Theme
Start building — free

Mistral — mesh gradient.

A drop-in animated WebGL background. A domain-warped mesh gradient that flows on its own and leans toward the cursor.

by vividsites Studio3D sectionPro
Installs
861
Remixes
73
Kind
3D section
Page weight
—
3D models
0GLB
Files
—
Recording · the live build runs from the full prompt
mistral.vividsites.app
Live

Screen recording of Mistral.

Blocks from this site

6 parts of Mistral, each one install.

All components
Live

Opening

Part 1 of Mistral

Hero
$npx shadcn add @vividsites/mistral-opening
Live

Second act

Part 2 of Mistral

Section
$npx shadcn add @vividsites/mistral-second-act
Live

Third act

Part 3 of Mistral

Section
$npx shadcn add @vividsites/mistral-third-act
Live

Detail

Part 4 of Mistral

Section
$npx shadcn add @vividsites/mistral-detail
Live

Close

Part 5 of Mistral

Section
$npx shadcn add @vividsites/mistral-close
Live

Footer

Part 6 of Mistral

Section
$npx shadcn add @vividsites/mistral-footer
Related components

More in backgrounds & shaders, also moving.

See all