# Heroes: website templates of the Hurma library

First screens that state the offer and move: headline, action, one strong visual idea.
https://hurma.dev/library/heroes

## 42 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.
- Hex helix layered form hero (Heroes, Pro): https://hurma.dev/library/heroes/hex-helix-layered-form-hero
  A 3D hero template: thirteen glossy black hexagon frames twist round a glowing acid-lime core in front of a giant word. AI prompt, code and React.
- Drop belt double marquee hero (Carousels, Pro): https://hurma.dev/library/carousels/drop-belt-double-marquee-hero
  A double marquee hero template for a streetwear drop: two belts of photo cards, and on hover the page takes the color of the photo. AI prompt and code.
- Liquid slider WebGL ink dissolve hero (Sliders, Pro): https://hurma.dev/library/sliders/liquid-slider-webgl-ink-dissolve-hero
  A WebGL slider hero template for jewellery: each photo dissolves into the next like ink along a glowing seam. AI prompt and code.
- Puff inflatable cube (Heroes, Pro): https://hurma.dev/library/heroes/puff-inflatable-cube
  An inflatable 3D hero template: a glossy coral cube dents under the cursor, ripples and fills out again in front of a huge word. AI prompt and code.
- Spectra parametric cube design (Heroes, Pro): https://hurma.dev/library/heroes/spectra-parametric-cube-design
  A hot pink 3D hero template: sixteen glossy rings twist around a white-hot core in front of a huge word and tilt to the cursor. AI prompt and code.
- Slider iris reveal split-screen hero (Sliders, Pro): https://hurma.dev/library/sliders/slider-iris-reveal-split-screen-hero
  A split-screen slider hero template for luxury accessories: each photo opens in an iris from the click point, letter by letter. AI prompt and code.
- 3D ring portfolio hero (Carousels, Pro): https://hurma.dev/library/carousels/3d-ring-portfolio-hero
  A 3D ring carousel hero template for an architecture portfolio: drag or scroll to orbit ten project cards that snap into place. AI prompt and code.
- Twist animation 3D hero (Heroes, Pro): https://hurma.dev/library/heroes/twist-animation-3d-hero
  A Swiss grid 3D hero template: glossy frames twist around a glowing mint core and rise from the bottom edge, tilting to the cursor. AI prompt and code.
- Cursor poster list (Text effects, Pro): https://hurma.dev/library/text-effects/cursor-poster-list
  A film festival hero template: a giant typographic programme list where the film still follows the cursor, and a screening panel. AI prompt and code.
- Liquid chrome bubble (Heroes, Pro): https://hurma.dev/library/heroes/liquid-chrome-bubble
  A 3D liquid chrome hero template: iridescent metaballs that merge in front of a giant word, and a drop that follows the cursor. AI prompt and code.
- Origin cards throwable card stack (Cards, Pro): https://hurma.dev/library/cards/origin-cards-throwable-card-stack
  A coffee roaster hero template: a stack of origin cards you drag and throw, tasting notes on bold colours and floating beans. AI prompt and code.
- Swinging rail interactive fashion hero (Heroes, free): https://hurma.dev/library/heroes/swinging-rail-interactive-fashion-hero
  A fashion hero template: garments on a clothing rail that swing on a spring when brushed and a giant headline for the one chosen. AI prompt and code.
- Fashion editorial horizontal expand accordion (Sliders, Pro): https://hurma.dev/library/sliders/fashion-editorial-horizontal-expand-accordion
  A fashion accordion template: coats as colored book spines that open into a panel with the campaign photo, under the mouse or a tap. AI prompt and code.
- Full-screen photo reveal showcase (Heroes, Pro): https://hurma.dev/library/heroes/full-screen-photo-reveal-showcase
  A dark jewellery hero template: a blurred full-screen photo, a round loupe that shows it sharp and a glass panel of pieces and prices. AI prompt and code.
- Watches bars horizontal slider (Sliders, Pro): https://hurma.dev/library/sliders/watches-bars-horizontal-slider
  A dark watch slider template: smoked glass bars with spec sheets, a photo that slides in beside the bar chosen, drag, swipe and keys. AI prompt and code.
- Shutter transition half-screen showcase (Sliders, Pro): https://hurma.dev/library/sliders/shutter-transition-half-screen-showcase
  A split-screen hero template for a luxury accessories brand: categories autoplay and each photo closes in like blinds. AI prompt, code and React.
- Spotlight effect collection showcase (Galleries, free): https://hurma.dev/library/galleries/spotlight-effect-collection-showcase
  A dark fashion hero template: a cursor spotlight turns a black and white image grid to color and names the piece. AI prompt, code, React.
- Ring orbit motion hero (3D, Pro): https://hurma.dev/library/3d/ring-orbit-motion-hero
  A 3D hero section template: fifteen glossy rings wobble in free orbit around a glowing pink core, giant type behind them. AI prompt, source code, React.
- Lookbook fashion drag carousel (Carousels, Pro): https://hurma.dev/library/carousels/lookbook-fashion-drag-carousel
  A fashion lookbook drag carousel template: photo cards with momentum, snap and greyscale side cards on black. AI prompt, source code and React.
- Holographic HUD orbit globe (Heroes, free): https://hurma.dev/library/heroes/holographic-hud-orbit-globe
  A holographic 3D globe hero template in WebGL: emerald orbit rings or a dotted globe with arcs, a scan band, HUD panels. AI prompt, source code and React.
- Oil iridescent slick sphere (Heroes, Pro): https://hurma.dev/library/heroes/oil-iridescent-slick-sphere
  An iridescent 3D hero template for websites: an oil-slick sphere in WebGL that dents under the cursor, over an aurora. AI prompt, source code and React.
- Fashion runway blur infinite carousel (Carousels, Pro): https://hurma.dev/library/carousels/fashion-runway-blur-infinite-carousel
  A fashion hero template for websites: an infinite carousel of product cards with a blurred photo backdrop on hover. AI prompt, source code and React.
- Kinetic 3D minimalism cube twist (Heroes, Pro): https://hurma.dev/library/heroes/kinetic-3d-minimalism-cube-twist
  A 3D hero section template for websites: a twisted cube of glossy slabs around a glowing blue core, giant type behind it. AI prompt, source code, React.
- Lumen glass cube hero (Heroes, Pro): https://hurma.dev/library/heroes/lumen-glass-cube-hero
  A 3D glass cube hero section template for websites: real refraction, a glowing ball inside, a giant word behind the glass. AI prompt, source code, React.
- Interactive 3D wrapped orb (Heroes, free): https://hurma.dev/library/heroes/interactive-3d-wrapped-orb
  An interactive 3D wrapped orb hero section template for websites: a glowing core sphere wound in threads. AI prompt, source code and React component.
- Interactive globe data hero (Heroes, Pro): https://hurma.dev/library/heroes/interactive-globe-data-hero
  An interactive 3D globe hero section template for data and network websites: a wireframe globe and live data widgets. 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.
- Mercury liquid ball hero (Heroes, Pro): https://hurma.dev/library/heroes/mercury-liquid-ball-hero
  A liquid metal ball hero section template for tech websites: a 3D chrome sphere that flows toward the cursor. AI prompt, source code and React.
- 3D layered interactive sphere (Heroes, free): https://hurma.dev/library/heroes/3d-layered-interactive-sphere
  A 3D sphere hero section template for tech websites: a layered WebGL sphere that follows the cursor and a glass UI. AI prompt, source 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.
- Relief object geodetic hero (Heroes, Pro): https://hurma.dev/library/heroes/relief-object-geodetic-hero
  A geodetic hero section template for websites: a dot terrain you can press, a scan beam and a turning 3D object. AI prompt, source code and React.
- Radar hero (Heroes, Pro): https://hurma.dev/library/heroes/radar-hero
  A radar hero section template for websites: a beam follows the pointer over a photo and a dot field to find hidden targets. AI prompt, source code, React.
- Iris hero animation (Heroes, Pro): https://hurma.dev/library/heroes/iris-hero-animation
  An animated hero section template for websites: a living iris drawn in code follows the pointer under a glitch title. AI prompt, source code and React.
- Touchfield music wave hero (Heroes, Pro): https://hurma.dev/library/heroes/touchfield-music-wave-hero
  A hero section template for music and sound websites: strings you pluck with the pointer and a glass album player. 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.
- Photo reveal hero (Heroes, Pro): https://hurma.dev/library/heroes/photo-reveal-hero
  A hero section template for websites: a photo hidden behind dots that the pointer reveals through a soft circle. AI prompt, source code and React.
- 3D hex scales sphere hero (Heroes, Pro): https://hurma.dev/library/heroes/3d-hex-scales-sphere-hero
  A 3D sphere hero section template for security and tech websites: hexagonal plates that open under the cursor. AI prompt, source code and React.
- Kinetic headline hero (Heroes, free): https://hurma.dev/library/heroes/kinetic-headline-hero
  A hero section template for websites: an oversized headline whose last word rotates, in front of a 3D sphere. AI prompt, source code and React.
- Contour topographic sphere (Heroes, free): https://hurma.dev/library/heroes/contour-topographic-sphere
  A blueprint 3D hero template: a topographic globe in contour lines turns inside a technical drawing, its relief rising to the cursor. AI prompt and 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.