# Silk-Background-animation

> flowing silk background animation, animated hero section, react background animation, three.js shader hero background, css background animation fallback, glsl web background, realistic fabric animation, 3d background for website, webgpu canvas animation, react-three-fiber hero animation, high performance web animation, smooth motion UI component, modern UI texture effect, dynamic website intro, black silk animated backdrop

- Author: [wisedev](https://21st.dev/@waleedkibhen)
- License: unknown
- Live preview: https://21st.dev/@waleedkibhen/components/silk-background-animation

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/waleedkibhen/silk-background-animation?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt