Twisted column · Ocean

A square column twisted along its height, turning slowly in chrome - light runs up the spiral edges.

Settings

What this style sets on Twisted column. Highlighted values differ from the default.

Metal#a8dcf5
Horizon#f2fbff
Background#02101f
Twist1.2
Width0.6
Zoom1.35
Speed0.3
Grain0.03

Ship it

Open it in the studio, tune it, then export a self-contained component for React, Vue, Svelte, Astro, Solid or vanilla JS, a PNG, GIF or video. Code export and 4K media are Pro.

Open in studio

More Twisted column styles