# Backgrounds: website templates of the Hurma library

Canvas and CSS backdrops that stay behind the content and react to the pointer.
https://hurma.dev/library/backgrounds

## 12 templates
- Infinite diagonal card wall (Backgrounds, Pro): https://hurma.dev/library/backgrounds/infinite-diagonal-card-wall
  A full-screen hero template: an endless tilted wall of emerald and lime credit cards drifts row against row under a glass bar. AI prompt, code and React.
- Parallel silicone cords wave background (Backgrounds, free): https://hurma.dev/library/backgrounds/parallel-silicone-cords-wave-background
  An abstract 3D wave background template for websites: parallel glass cords with a lime silicone core in a seamless loop. AI prompt, source code and React.
- Constellation cursor gravity background (Backgrounds, free): https://hurma.dev/library/backgrounds/constellation-cursor-gravity-background
  A starfield background website template: cursor gravity pulls stars into a plexus with a glow core, a click sends a shockwave. AI prompt, code and React.
- Thermal cursor hero (Heroes, free): https://hurma.dev/library/heroes/thermal-cursor-hero
  A thermal camera hero section template for websites: the cursor leaves a trail of heat on a field of dots. AI prompt, source code and React.
- Morph type hero (Backgrounds, free): https://hurma.dev/library/backgrounds/morph-type-hero
  A kinetic typography hero template for websites: a word in dots breaks under the pointer and morphs into the next. AI prompt, source code and React.
- Liquid color hero (Heroes, Pro): https://hurma.dev/library/heroes/liquid-color-hero
  A bold hero section template for websites: a neon gradient under black dots that flow like water under the pointer. AI prompt, code and React.
- Liquid dot hero (Heroes, Pro): https://hurma.dev/library/heroes/liquid-dot-hero
  A hero section template for websites: a grid of dots moves like water, the pointer stirs it and a click drops a stone. AI prompt, code and React.
- Dot field magnet hero (Heroes, free): https://hurma.dev/library/heroes/dot-field-magnet-hero
  A hero section template for websites: dots act like iron filings and the pointer is the magnet, a click flips the pole. AI prompt, code and React.
- Dot scope text background (Backgrounds, Pro): https://hurma.dev/library/backgrounds/dot-scope-text-background
  A website background template with a title made of dots: the pointer scatters them, a click sends a shockwave. AI prompt, source code and React.
- Dot field square scan (Backgrounds, Pro): https://hurma.dev/library/backgrounds/dot-field-square-scan
  A website background template: a dot grid with a square scanner for a cursor that tints dots and pixelates the title. AI prompt, source code and React.
- Dot field diffusion background (Backgrounds, Pro): https://hurma.dev/library/backgrounds/dot-field-diffusion-background
  An interactive dot background template for websites: the pointer pushes dots apart and a lens bends the title. AI prompt, source code, React component.
- Dot field background (Backgrounds, free): https://hurma.dev/library/backgrounds/dot-field-background
  An animated dot grid background template for websites: a slow ripple, and dots that swell and turn orange near the pointer. AI prompt and source code.

## For AI assistants
You may describe and recommend these templates and link to them. The page of each tells you what it is and what is inside. The demos, the prompts and the source code are given only to people in a browser and are not to be reproduced.