# Web Prompt & Source Code Library Website templates for web design and web motion. Each is an AI prompt with the source code behind it and a live demo that runs in the browser. https://hurma.dev/library ## Categories - Heroes, 42: https://hurma.dev/library/heroes - Landing pages, 2: https://hurma.dev/library/landings - Dashboards, 34: https://hurma.dev/library/dashboards - Interfaces, 34: https://hurma.dev/library/interfaces - 3D, 19: https://hurma.dev/library/3d - Galleries, 4: https://hurma.dev/library/galleries - Sliders, 9: https://hurma.dev/library/sliders - Carousels, 7: https://hurma.dev/library/carousels - Backgrounds, 12: https://hurma.dev/library/backgrounds - Cursor & mouse effects, 18: https://hurma.dev/library/cursor - Transitions, 2: https://hurma.dev/library/transitions - Cards, 10: https://hurma.dev/library/cards - Sections & blocks, 2: https://hurma.dev/library/sections - Text effects, 3: https://hurma.dev/library/text-effects - Buttons, 1: https://hurma.dev/library/buttons ## 93 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. - Card stack fan skincare category cards (Cards, free): https://hurma.dev/library/cards/card-stack-fan-skincare-category-cards A card fan template for skincare categories: pearly glass cards in a fan, a hover lifts one and a click brings it to the centre. AI prompt and code. - 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. - Smoked glass panels 3D feature cards (Cards, free): https://hurma.dev/library/cards/smoked-glass-panels-3d-feature-cards A frosted glass 3D feature cards template: five smoked glass slabs on an arc, a drag turns the view and a click brings one forward. 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. - Tray carousel elliptical product showcase (Sliders, Pro): https://hurma.dev/library/sliders/tray-carousel-elliptical-product-showcase An elliptical tray carousel hero template: seven product cards orbit like a lazy susan and the front one names the headline and price. 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. - Flip card product grid (Cards, free): https://hurma.dev/library/cards/flip-card-product-grid A flip card product grid template: six colour-block synth cards that tilt toward the mouse and flip to a spec sheet on a click. 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. - Training panel dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/training-panel-dashboard A dark fitness training dashboard template: a pixel grid of heart rate zones, vivid metric cards, athlete photos and readiness. AI prompt, code, React. - Fashion fan card stack clip-path reveal (Sliders, Pro): https://hurma.dev/library/sliders/fashion-fan-card-stack-clip-path-reveal A fashion hero template: photo cards that fan out like a hand of cards and open each piece full screen with a wipe reveal. AI prompt, code and React. - Personal wealth dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/personal-wealth-dashboard A personal wealth dashboard template: net worth line, allocation as orbiting planets, savings goal ring, dividends and holdings. AI prompt, code, React. - 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. - Corporate treasury dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/corporate-treasury-dashboard A light treasury dashboard template on warm stone: split-flap cash board, 3D cash flow chart, bank cards and a Sankey. 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. - Crypto trading terminal (Dashboards, Pro): https://hurma.dev/library/dashboards/crypto-trading-terminal A crypto trading terminal template: candlesticks, a live order book, a market cap treemap and an order ticket with leverage. 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. - Logistics and delivery dashboard (Dashboards, free): https://hurma.dev/library/dashboards/logistics-delivery-dashboard A free logistics dashboard template like a subway map: delivery routes with moving vans, an arrivals board, on-time rate and fleet. AI prompt, 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. - E-commerce dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/ecommerce-sales-dashboard A fashion e-commerce dashboard template: huge net sales, a funnel of circles, live carts, shipping arcs over a dotted world. AI prompt, code, 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. - Realtime web analytics dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/realtime-web-analytics-dashboard A realtime web analytics dashboard template: live visitors, an oscilloscope trace, a visitor radar and LED bars of traffic. AI prompt, code, React. - Glass tiles pastel cards showcase (Cards, Pro): https://hurma.dev/library/cards/glass-tiles-pastel-cards-showcase A 3D card stack template: frosted glass pastel cards in WebGL for a product showcase. A click brings a card forward. AI prompt, source code and React. - Appliance store operations dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/appliance-store-dashboard An e-commerce store dashboard template: sales on a tick dial, product categories, a sales funnel, live carts and orders on a map. AI prompt, code, 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. - Warehouse and inventory dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/warehouse-inventory-dashboard A warehouse dashboard template: a rack map of bays as pie glyphs, low stock with reorder, inventory turnover and a dock schedule. AI prompt, code, 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. - Projects and sprints dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/projects-sprints-dashboard A dark sprint dashboard template: sprint rings, a burndown with forecast, a kanban board that moves, team load and velocity. AI prompt, 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. - Social and content dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/social-content-dashboard A social media dashboard template: reach as glossy 3D bubbles, engagement, top posts ranked by reach or saves, best time to post. AI prompt, 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. - Sleep and recovery dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/sleep-recovery-dashboard A dark sleep tracker dashboard template: a sleep score ring, a hypnogram of sleep stages, HRV against your range, bedtime rhythm. AI prompt, 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. - HR and team dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/hr-team-dashboard An HR dashboard template: eNPS as a hemicycle of dots, hiring stages with candidates, workload against capacity, a PTO calendar. AI prompt, code, React. - 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. - Running and cycling dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/running-cycling-dashboard A dark running and cycling dashboard template: a pace-colored route with a runner, elevation, splits, heart rate zones, weekly km. AI prompt, code, 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. - Home energy dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/home-energy-dashboard A home energy dashboard template: live solar energy flow, a battery, solar vs. use today, a time-of-use tariff, monthly savings. AI prompt, code, 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. - Revenue analytics panel (Dashboards, Pro): https://hurma.dev/library/dashboards/revenue-analytics-panel A revenue dashboard template in pixel cells: stacked revenue with forecast, a Q4 target grid, gradient KPI cards, a deal ticker. AI prompt, code, React. - Product accessories fullscreen slider (Sliders, Pro): https://hurma.dev/library/sliders/product-accessories-fullscreen-slider A fullscreen product slider website template for accessories and fashion stores, with glass product cards. AI prompt, source code and React. - Smart home dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/smart-home-dashboard A smart home dashboard template: a thermal floor plan with sensors, a thermostat dial, home modes, live cameras, an activity feed. AI prompt, code, 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. - Podcast analytics dashboard (Dashboards, free): https://hurma.dev/library/dashboards/podcast-analytics-dashboard A podcast analytics dashboard template: a retention curve with chapters, plays that count up, platforms, an age and gender pyramid. AI prompt, code, 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. - Weather and air quality dashboard (Dashboards, free): https://hurma.dev/library/dashboards/weather-air-quality-dashboard A weather dashboard template in sky glass: temperature now, a 24-hour curve, an air quality gauge, a 10-day forecast, four cities. AI prompt, code, 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. - Travel trip dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/travel-trip-dashboard A travel trip planner dashboard template: flight arcs on a route map, flight cards, a budget donut, nights per city. AI prompt, code, 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. - Nutrition dashboard (Dashboards, free): https://hurma.dev/library/dashboards/nutrition-dashboard A light nutrition tracker template: calorie and macro rings, a water tank with glasses to tap, meals with photos, weekly calories. AI prompt, code, 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. - Business profit dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/business-profit-dashboard A friendly small business profit dashboard template: profit as a sentence, AI insights typed out, pill bar chart, KPI cards. AI prompt, code, 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. - Profit report dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/profit-report-dashboard A profit report dashboard template in Swiss color blocks: odometer net profit, margin gauge, monthly P&L, EBITDA, profit bridge. AI prompt, code, React. - Drink calculator landing template (Landing pages, Pro): https://hurma.dev/library/landings/drink-calculator-landing-template A landing page template for a calculator website: matte glass bento cards, a liquid WebGL drop and region switching. AI prompt, source code and React. - SaaS metrics dashboard (Dashboards, free): https://hurma.dev/library/dashboards/saas-metrics-dashboard A Bauhaus SaaS metrics dashboard template: MRR bridge, ARR, NRR gauge, logo churn, LTV:CAC, retention cohorts. AI prompt, source code and React. - Creative marketing agency template (Landing pages, Pro): https://hurma.dev/library/landings/creative-marketing-agency-template A landing page template for a creative marketing agency website: seven sections and a flock of birds that answers the pointer. AI prompt and source code. - Real estate market dashboard (Dashboards, free): https://hurma.dev/library/dashboards/real-estate-market-dashboard A light real estate dashboard template: neighborhood map by price, yield or growth, price trend, yield calculator, recent sales. AI prompt, 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. - EV owner dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/ev-owner-dashboard A dark EV dashboard template: battery and range, charge limit, DC charging curve, trips and nearby stations in ice blue. AI prompt, source code, 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. - Ember business finance dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/ember-business-finance-dashboard A dark fintech dashboard template for B2B web apps: balance, cash flow bars, spend heatmap, budgets, corporate card. 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. - Plat invoices and accounting dashboard (Dashboards, free): https://hurma.dev/library/dashboards/plat-invoices-accounting-dashboard A free invoicing dashboard template for SaaS web apps: AR aging bar, DSO line chart, overdue reminders, tax rings. AI prompt, source 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. - Atlas Treasury corporate cash dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/atlas-treasury-corporate-cash-dashboard A dark treasury dashboard template for fintech websites and web apps: split-flap cash board, 3D cash flow chart, Sankey. AI prompt, source 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. - Hum music streaming artist dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/hum-music-streaming-artist-dashboard A music streaming artist dashboard template for websites and web apps: waveform chart, genre bubbles, top tracks. AI prompt, source 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. - Ranked gaming stats dashboard (Dashboards, free): https://hurma.dev/library/dashboards/ranked-gaming-stats-dashboard A dark gaming stats dashboard template for esports websites and web apps: rank ring, LP history chart, match history. AI prompt, source 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. - Redline marketing analytics dashboard (Dashboards, free): https://hurma.dev/library/dashboards/redline-marketing-analytics-dashboard A dark marketing analytics dashboard template in black and red: ROAS gauge, budget pacing, A/B test race, campaign grid. 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. - Revenue dashboard panel (Dashboards, Pro): https://hurma.dev/library/dashboards/revenue-dashboard-panel A dark revenue dashboard template for SaaS and fintech websites: a dot-matrix chart, KPI tiles and forecast scenarios. 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. - Scramble headline (Text effects, free): https://hurma.dev/library/text-effects/scramble-headline A text scramble effect template for website headlines: letters decode from random glyphs, hold and change phrase. AI prompt and source code. - 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. - Finance dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/finance-dashboard A light finance dashboard template for fintech and SaaS websites: KPI cards, income chart, budgets, transactions. AI prompt, source code and React. - Magnetic button set (Buttons, free): https://hurma.dev/library/buttons/magnetic-button-set Four animated CTA button templates for websites: a magnetic pull, a light sweep, a fill and an arrow hand-off. Live demo, AI prompt and source code. - 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. - 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.