Live demo, running in your browser

Crushed velvet

A deep oxblood crushed-velvet surface shaded per pixel on a canvas, lit by a drifting light and an idle ghost pointer, where dragging brushes the nap and the headline's glow and emboss follow the light.

Code: MIT license.

Code

The complete hero as one HTML file, and the same hero as a React + TypeScript component. Free to use under the MIT license.

Made by 6to9. Back to all motion patterns.