HTML + CSSBackgrounds

Silk ribbon waves

Dozens of fine threads wave together and form shiny fabric folds where they cross each other, on canvas.

Settings

1x
1x
1

Code

<div class="pt-silk"><canvas></canvas></div>

Prompt for AI

Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.

More in Backgrounds

See all Backgrounds

Where to use it

Two ribbons made of many thin lines flow across the screen like silk in the wind. The lines share the same waves but spread apart and bunch together along their length, so bright folds appear wherever they converge, just like light catching the creases of fabric. Each ribbon blends through your three colors.

Lines are drawn with the theme blend, glowing on dark backgrounds and staying soft on light ones. Density sets the number of threads and speed how quickly the fabric moves. Elegant behind beauty, fashion, finance or premium product pages.