# Website Templates & Web Layouts: Source Code with AI Prompts Website templates and web layouts 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, 80: https://hurma.dev/library/heroes - Landing pages, 2: https://hurma.dev/library/landings - Dashboards, 34: https://hurma.dev/library/dashboards - Web interfaces, 34: https://hurma.dev/library/interfaces - 3D, 34: https://hurma.dev/library/3d - Galleries, 4: https://hurma.dev/library/galleries - Portfolio, 2: https://hurma.dev/library/portfolio - Sliders, 9: https://hurma.dev/library/sliders - Carousels, 8: https://hurma.dev/library/carousels - Infographics, 2: https://hurma.dev/library/infographics - Backgrounds, 16: https://hurma.dev/library/backgrounds - Cursor & mouse effects, 18: https://hurma.dev/library/cursor - Transitions, 2: https://hurma.dev/library/transitions - Cards, 16: https://hurma.dev/library/cards - Sections & blocks, 5: https://hurma.dev/library/sections - Text effects, 28: https://hurma.dev/library/text-effects - Buttons, 1: https://hurma.dev/library/buttons - Scroll & parallax, 14: https://hurma.dev/library/scroll-parallax ## 142 templates - Isometric Lightbox Hero (Heroes, Pro): https://hurma.dev/library/heroes/isometric-lightbox-hero An animated 3D hero template for signage and LED websites: an isometric violet box on a circuit floor that opens toward you. AI prompt, code and React. - Typography reveal zoom scroll (Text effects, Pro): https://hurma.dev/library/text-effects/typography-reveal-zoom-scroll An animated scroll zoom hero template: the camera pushes through the O of a wide headline and a mint circle opens with a new line. AI prompt, code, React. - Interactive spectrum-edged Box Hero (Heroes, Pro): https://hurma.dev/library/heroes/interactive-spectrum-edged-box-hero An animated 3D hero template for AI and tech product websites: a box with spectrum edges you turn by hand over a wave of glyphs. AI prompt, code and React. - Sliced letter hero (Text effects, Pro): https://hurma.dev/library/text-effects/sliced-letter-hero An animated sliced letter hero template: a giant cobalt letter cut on a Swiss grid, slices out of register, rolling through a word. AI prompt and code. - 3D Interactive Keyboard Banner Hero (Heroes, Pro): https://hurma.dev/library/heroes/3d-interactive-keyboard-banner-hero An animated 3D hero template for gaming and event websites: glossy keycaps over giant type and running tapes, dark poster style. AI prompt, code and React. - AI neural workflow builder (Infographics, Pro): https://hurma.dev/library/infographics/ai-neural-workflow-builder An animated AI workflow infographic section template: a node-based agent diagram in dark glassmorphism and neon lime. AI prompt, source code and React. - 3D Keycaps Hero Section (Heroes, Pro): https://hurma.dev/library/heroes/3d-keycaps-hero-section An animated 3D hero template for SaaS, app and gaming websites: glossy keycaps that press like real keys in a dark pixel style. AI prompt, code and React. - Neon glass stack 3D frosted card (Cards, Pro): https://hurma.dev/library/cards/neon-glass-stack-3d-frosted-card An animated 3D card stack hero template: neon frosted-glass cards in a diagonal stack fly to the front on a click. AI prompt, Three.js code and React. - 3D Iceberg Animated Hero Section (Heroes, free): https://hurma.dev/library/heroes/3d-iceberg-animated-hero-section An animated 3D hero template for agency and SaaS websites: a liquid glass iceberg on a light and dark split screen. AI prompt, code and React. - Referral program interactive earnings block (Infographics, Pro): https://hurma.dev/library/infographics/referral-program-interactive-earnings-block An animated referral program section template: a step chart of two commission levels, an earnings calculator round a glowing orb. AI prompt, code, React. - 3D Hourglass Hero Section - WebGL Three.js Animated (Heroes, Pro): https://hurma.dev/library/heroes/3d-hourglass-hero-section-webgl-three-js-animated An animated 3D hero template for SaaS and agency websites: a photoreal glass hourglass with flowing sand and a countdown. AI prompt, code and React. - Card stack fan skincare category cards (Cards, free): https://hurma.dev/library/cards/card-stack-fan-skincare-category-cards An animated card fan template for skincare categories: pearly glass cards, hover lifts one and a click brings it to the center. AI prompt, code, React. - 3D Animated Hero Sections - WebGL Three.js Template (Heroes, Pro): https://hurma.dev/library/heroes/3d-animated-hero-sections-webgl-three-js-template An animated 3D hero template for agency and SaaS websites: a particle globe with orbiting cards and connection lines. AI prompt, code and React. - Drop belt double marquee hero (Carousels, Pro): https://hurma.dev/library/carousels/drop-belt-double-marquee-hero An animated double marquee hero template for a streetwear drop: two belts of photo cards, hover gives the page the photo's color. AI prompt, code, React. - Biotech Liquid Hero (Heroes, Pro): https://hurma.dev/library/heroes/biotech-liquid-hero An animated 3D hero template for biotech websites: a glossy violet liquid form morphs and refracts giant type on a Swiss poster. AI prompt, code and React. - Liquid slider WebGL ink dissolve hero (Sliders, Pro): https://hurma.dev/library/sliders/liquid-slider-webgl-ink-dissolve-hero An animated WebGL slider hero template for jewelry: each photo dissolves into the next like ink along a glowing seam. AI prompt, code and React. - Floating Forms hero section background (Heroes, Pro): https://hurma.dev/library/heroes/floating-forms-hero-section-background An animated 3D hero background template: frosted glass tubes with a silicone core drift in soft focus over deep teal. AI prompt, code and React. - Smoked glass panels 3D feature cards (Cards, free): https://hurma.dev/library/cards/smoked-glass-panels-3d-feature-cards An animated 3D feature cards template: smoked glass slabs on an arc, a drag turns the view and a click brings one forward. AI prompt, code and React. - Letter cut & roll title full-screen typographic hero (Heroes, Pro): https://hurma.dev/library/heroes/letter-cut-roll-title-full-screen-typographic-hero An animated hero section template: a giant letter cut into film strips that roll like a slot machine onto the next one. AI prompt, code and React. - Tray carousel elliptical product showcase (Sliders, Pro): https://hurma.dev/library/sliders/tray-carousel-elliptical-product-showcase An animated elliptical tray carousel template: product cards orbit like a lazy susan, the front one names the headline. AI prompt, code and React. - Neuroplastic Glass Poster hero section (Heroes, Pro): https://hurma.dev/library/heroes/neuroplastic-glass-poster-hero-section An animated 3D hero template for neurotech websites: a clear glass blob morphs and refracts giant type on a Swiss poster. AI prompt, code and React. - Slider iris reveal split-screen hero (Sliders, Pro): https://hurma.dev/library/sliders/slider-iris-reveal-split-screen-hero An animated split-screen slider hero template for luxury accessories: each photo opens in an iris from the click point. AI prompt, source code and React. - Infinite diagonal card streams (Heroes, Pro): https://hurma.dev/library/heroes/infinite-diagonal-card-streams An animated full-screen hero template: an endless tilted wall of ember red and orange cards runs row against row under a glass bar. AI prompt, code, React. - Flip card product grid (Cards, free): https://hurma.dev/library/cards/flip-card-product-grid An animated flip card product grid template: color-block synth cards tilt toward the mouse and flip to a spec sheet on a click. AI prompt, code, React. - Floating 3D brand card hero (Heroes, Pro): https://hurma.dev/library/heroes/floating-3d-brand-card-hero An animated 3D brand card hero template: a mint and coral card tilts toward the cursor over huge outlined type, under glass menus. AI prompt, code, React. - 3D ring portfolio hero (Carousels, Pro): https://hurma.dev/library/carousels/3d-ring-portfolio-hero An animated 3D ring carousel template for an architecture portfolio: drag or scroll to orbit the project cards that snap in place. AI prompt, code, React. - Ferrofluid sphere hero (Heroes, Pro): https://hurma.dev/library/heroes/ferrofluid-sphere-hero An animated ferrofluid 3D hero template: a black liquid metal sphere grows magnetic spikes toward the cursor in a HUD frame. AI prompt, code and React. - Cursor poster list (Text effects, Pro): https://hurma.dev/library/text-effects/cursor-poster-list An animated film festival hero template: a giant typographic program list, the film still follows the cursor, a click opens the screening. AI prompt, code. - Type morning blinds typography hero section (Heroes, Pro): https://hurma.dev/library/heroes/type-morning-blinds-typography-hero-section An animated hero section template: a giant letter seen through window blinds that close and open on the next one. AI prompt, code and React. - Origin cards throwable card stack (Cards, Pro): https://hurma.dev/library/cards/origin-cards-throwable-card-stack An animated coffee roaster hero template: a stack of origin cards you drag and throw, tasting notes on bold colors, floating beans. AI prompt, code, React. - Facet twisted prism stack (Heroes, Pro): https://hurma.dev/library/heroes/facet-twisted-prism-stack An animated 3D hero section template: black triangle frames twist round a glowing aqua core in front of a huge word. AI prompt, code and React. - Fashion editorial horizontal expand accordion (Sliders, Pro): https://hurma.dev/library/sliders/fashion-editorial-horizontal-expand-accordion An animated fashion accordion template: coats as colored spines open into a panel with the campaign photo under the mouse or a tap. AI prompt and code. - Aperture shutter cube (Heroes, Pro): https://hurma.dev/library/heroes/aperture-shutter-cube An animated shutter cube 3D hero template: espresso blades open in a wave round an amber core and fly apart under the cursor. AI prompt, code, React. - Strip cut headline glitch shear (Text effects, Pro): https://hurma.dev/library/text-effects/strip-cut-headline-glitch-shear An animated strip cut headline hero template: a heavy headline sliced into strips flies in, locks, then shears with the cursor on red. AI prompt and code. - Kubik blocks cube (Heroes, Pro): https://hurma.dev/library/heroes/kubik-blocks-cube An animated 3D hero template: glossy black blocks round a glowing red core push apart under the cursor to let the light through. AI prompt, code, React. - Watches bars horizontal slider (Sliders, Pro): https://hurma.dev/library/sliders/watches-bars-horizontal-slider An animated watch slider template: smoked glass bars with spec sheets, a photo slides in beside the bar chosen, drag, swipe, keys. AI prompt, code, React. - Podium vitrine luxury fragrance showcase (Heroes, Pro): https://hurma.dev/library/heroes/podium-vitrine-luxury-fragrance-showcase An animated luxury perfume hero template: bottles on plinths like a museum vitrine, chosen by hover, tap or swipe. AI prompt, code and React. - Fashion fan card stack clip-path reveal (Sliders, Pro): https://hurma.dev/library/sliders/fashion-fan-card-stack-clip-path-reveal An animated fashion hero template: photo cards fan out like a hand of cards and open each piece full screen with a wipe reveal. AI prompt, code and React. - Glyph sliced transition text animation hero (Heroes, Pro): https://hurma.dev/library/heroes/glyph-sliced-transition-text-animation-hero An animated hero section template: a giant italic serif sliced into bands that roll to the next letter out of step. AI prompt, code and React. - Training panel dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/training-panel-dashboard An animated fitness training dashboard template: a pixel grid of heart rate zones, vivid metric cards, athlete photos, readiness. AI prompt, code, React. - Hex helix layered form hero (Heroes, Pro): https://hurma.dev/library/heroes/hex-helix-layered-form-hero An animated 3D hero template: glossy black hexagon frames twist round a glowing acid-lime core in front of a giant word. AI prompt, code, React. - Personal wealth dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/personal-wealth-dashboard An animated personal wealth dashboard template: net worth line, allocation as orbiting planets, a savings goal ring, dividends. AI prompt, code, React. - Particle 3D cloud (Heroes, Pro): https://hurma.dev/library/heroes/particle-3d-cloud An animated 3D hero template for AI websites: a violet WebGL particle cloud that answers the cursor, with glass cards of live data. AI prompt, code, React. - Corporate treasury dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/corporate-treasury-dashboard An animated light treasury dashboard template on warm stone: split-flap cash board, 3D cash flow chart, bank cards and a Sankey. AI prompt, code, React. - Puff inflatable cube (Heroes, Pro): https://hurma.dev/library/heroes/puff-inflatable-cube An animated inflatable 3D hero template: a glossy coral cube dents under the cursor, ripples and fills out again by a huge word. AI prompt, code, React. - Crypto trading terminal (Dashboards, Pro): https://hurma.dev/library/dashboards/crypto-trading-terminal An animated crypto trading terminal template: candlesticks, a live order book, a market cap treemap, an order ticket with leverage. AI prompt, code, React. - Spectra parametric cube design (Heroes, Pro): https://hurma.dev/library/heroes/spectra-parametric-cube-design An animated hot pink 3D hero template: glossy rings twist round a white-hot core before a huge word and tilt to the cursor. AI prompt, code, React. - Logistics and delivery dashboard (Dashboards, free): https://hurma.dev/library/dashboards/logistics-delivery-dashboard A free animated logistics dashboard template like a subway map: delivery routes with moving vans, an arrivals board, on-time rate. AI prompt, code, React. - Split-flap letter animated typographic hero (Heroes, Pro): https://hurma.dev/library/heroes/split-flap-letter-animated-typographic-hero An animated hero section template: a giant letter that flips band by band to the next, like a departures board. AI prompt, code and React. - E-commerce dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/ecommerce-sales-dashboard An animated e-commerce dashboard template for fashion: net sales, a funnel of circles, live carts, shipping arcs on a dotted world. AI prompt, code, React. - Twist animation 3D hero (Heroes, Pro): https://hurma.dev/library/heroes/twist-animation-3d-hero An animated Swiss grid 3D hero template: glossy frames twist round a glowing mint core and rise from the bottom edge to the cursor. AI prompt and code. - Realtime web analytics dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/realtime-web-analytics-dashboard An animated realtime web analytics dashboard template: live visitors, an oscilloscope trace, a visitor radar, LED bars of traffic. AI prompt, code, React. - Liquid chrome bubble (Heroes, Pro): https://hurma.dev/library/heroes/liquid-chrome-bubble An animated 3D liquid chrome hero template: iridescent metaballs merge in front of a giant word, a drop follows the cursor. AI prompt, code and React. - Appliance store operations dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/appliance-store-dashboard An animated e-commerce dashboard template: sales on a tick dial, product categories, a sales funnel, live carts, orders on a map. AI prompt, code, React. - Swinging rail interactive fashion hero (Heroes, free): https://hurma.dev/library/heroes/swinging-rail-interactive-fashion-hero An animated fashion hero template: garments on a clothing rail swing on a spring when brushed, a giant headline names the one chosen. AI prompt and code. - Warehouse and inventory dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/warehouse-inventory-dashboard An animated warehouse dashboard template: a rack map of bays as pie glyphs, low stock to reorder, stock turnover, a dock schedule. AI prompt, code, React. - Word Swiss typography hero (Heroes, Pro): https://hurma.dev/library/heroes/word-swiss-typography-hero An animated hero section template: a Swiss poster whose phrase wipes in chunk by chunk, huge and red on cool gray. AI prompt, source code and React. - Projects and sprints dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/projects-sprints-dashboard An animated dark sprint dashboard template: sprint rings, a burndown with forecast, a kanban board that moves, team load, velocity. AI prompt, code, React. - Full-screen photo reveal showcase (Heroes, Pro): https://hurma.dev/library/heroes/full-screen-photo-reveal-showcase An animated jewelry hero template: a blurred full-screen photo, a round loupe shows it sharp, and a glass panel of pieces and prices. AI prompt and code. - Social and content dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/social-content-dashboard An animated social media dashboard template: reach as glossy 3D bubbles, engagement, top posts ranked by reach or saves, when to post. AI prompt, code. - Sunset diagonal card grid hero (Heroes, Pro): https://hurma.dev/library/heroes/sunset-diagonal-card-grid-hero An animated diagonal card grid hero template: sunset and porcelain cards on warm cream drift with the mouse and lift on hover. AI prompt, code and React. - Sleep and recovery dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/sleep-recovery-dashboard An animated sleep tracker dashboard template: a sleep score ring, a hypnogram of sleep stages, HRV against your range, bedtimes. AI prompt, code, React. - Shutter transition half-screen showcase (Sliders, Pro): https://hurma.dev/library/sliders/shutter-transition-half-screen-showcase An animated 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 An animated dark fashion hero template: a cursor spotlight turns a black and white image grid to color and names the piece. AI prompt, code, React. - HR and team dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/hr-team-dashboard An animated HR dashboard template: eNPS as a hemicycle of dots, hiring stages, workload against capacity, a PTO calendar. AI prompt, code and React. - Slice transition text editorial hero section (Heroes, Pro): https://hurma.dev/library/heroes/slice-transition-text-editorial-hero-section An animated hero section template: a giant letter cut into bands on the grid lines that roll to the next letter out of step. AI prompt, code and React. - Running and cycling dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/running-cycling-dashboard An animated running and cycling dashboard template: a pace-colored route with a runner, elevation, splits, heart rate zones, km. AI prompt, code, React. - Ring orbit motion hero (3D, Pro): https://hurma.dev/library/3d/ring-orbit-motion-hero An animated 3D hero section template: glossy rings wobble in free orbit round a glowing pink core, giant type behind them. AI prompt, code, React. - Home energy dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/home-energy-dashboard An animated home energy dashboard template: live solar energy flow, a battery, solar vs. use today, a time-of-use tariff, savings. AI prompt, code, React. - Motion marquee typography (Text effects, free): https://hurma.dev/library/text-effects/motion-marquee-typography An animated marquee hero template: huge rows of type stream both ways on cobalt, speed up and lean with the scroll, slow on hover. AI prompt, code, React. - Revenue analytics panel (Dashboards, Pro): https://hurma.dev/library/dashboards/revenue-analytics-panel An animated revenue dashboard template in pixel cells: revenue with forecast, a Q4 target grid, gradient KPI cards, a deal ticker. AI prompt, code, React. - Lookbook fashion drag carousel (Carousels, Pro): https://hurma.dev/library/carousels/lookbook-fashion-drag-carousel An animated fashion lookbook drag carousel template: photo cards with momentum, snap and grayscale side cards on black. AI prompt, source code and React. - Smart home dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/smart-home-dashboard An animated smart home dashboard template: a thermal floor plan with sensors, a thermostat dial, home modes, live cameras, events. AI prompt, code, React. - Holographic HUD orbit globe (Heroes, free): https://hurma.dev/library/heroes/holographic-hud-orbit-globe An animated holographic 3D globe hero template: emerald orbit rings or a dotted globe with arcs, a scan band, HUD panels. AI prompt, source code and React. - Podcast analytics dashboard (Dashboards, free): https://hurma.dev/library/dashboards/podcast-analytics-dashboard An animated podcast analytics dashboard template: retention curve with chapters, plays that count up, platforms, age and gender. AI prompt, code, React. - Frosted glass split letter hero (Heroes, Pro): https://hurma.dev/library/heroes/frosted-glass-split-letter-hero An animated hero section template: a Swiss poster with a wide letter cut in half, sharp and frosted, that slides to the next. AI prompt, code and React. - Weather and air quality dashboard (Dashboards, free): https://hurma.dev/library/dashboards/weather-air-quality-dashboard An animated weather dashboard template in sky glass: temperature now, a 24-hour curve, an air quality gauge, a 10-day forecast. AI prompt, code, React. - Glass tiles pastel cards showcase (Cards, Pro): https://hurma.dev/library/cards/glass-tiles-pastel-cards-showcase An animated 3D card stack template: frosted glass pastel cards in WebGL for a product showcase. A click brings a card forward. AI prompt, code and React. - Travel trip dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/travel-trip-dashboard An animated travel trip planner dashboard template: flight arcs on a route map, flight cards, a budget donut, nights per city. AI prompt, code, React. - Oil iridescent slick sphere (Heroes, Pro): https://hurma.dev/library/heroes/oil-iridescent-slick-sphere An animated iridescent 3D hero template: an oil-slick sphere in WebGL that dents under the cursor, over an aurora. AI prompt, source code and React. - Nutrition dashboard (Dashboards, free): https://hurma.dev/library/dashboards/nutrition-dashboard An animated nutrition tracker template: calorie and macro rings, a water tank with glasses to tap, meals with photos, weekly calories. AI prompt and code. - Fashion runway blur infinite carousel (Carousels, Pro): https://hurma.dev/library/carousels/fashion-runway-blur-infinite-carousel An animated fashion hero template: an infinite carousel of product cards with a blurred photo backdrop on hover. AI prompt, source code and React. - Business profit dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/business-profit-dashboard An animated small business profit dashboard template: profit as a sentence, AI insights typed out, pill bar chart, KPI cards. AI prompt, code and React. - Scramble type hero (Text effects, free): https://hurma.dev/library/text-effects/scramble-type-hero An animated scramble text hero template: a monospace headline decodes out of random lime glyphs, with a loading count and a caret. AI prompt and code. - Profit report dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/profit-report-dashboard An animated profit report dashboard template in Swiss color blocks: odometer profit, margin gauge, monthly P&L, profit bridge. AI prompt, code and React. - Kinetic 3D minimalism cube twist (Heroes, Pro): https://hurma.dev/library/heroes/kinetic-3d-minimalism-cube-twist An animated 3D hero section template: a twisted cube of glossy slabs around a glowing blue core, giant type behind it. AI prompt, source code and React. - SaaS metrics dashboard (Dashboards, free): https://hurma.dev/library/dashboards/saas-metrics-dashboard An animated Bauhaus SaaS metrics dashboard template: MRR bridge, ARR, NRR gauge, logo churn, LTV:CAC, retention cohorts. AI prompt, source code and React. - Lumen glass cube hero (Heroes, Pro): https://hurma.dev/library/heroes/lumen-glass-cube-hero An animated 3D glass cube hero template for websites: real refraction, a glowing ball inside, a giant word behind the glass. AI prompt, source code, React. - Real estate market dashboard (Dashboards, free): https://hurma.dev/library/dashboards/real-estate-market-dashboard An interactive real estate dashboard template: a neighborhood map by price, yield or growth, price trend and yield calculator. AI prompt, code and React. - Interactive 3D wrapped orb (Heroes, free): https://hurma.dev/library/heroes/interactive-3d-wrapped-orb An animated 3D wrapped orb hero section template for websites: a glowing core sphere wound in threads. AI prompt, source code and React component. - EV owner dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/ev-owner-dashboard An animated dark EV dashboard template: battery and range, charge limit, DC charging curve, trips and nearby stations in ice blue. AI prompt, code, React. - Fanned card deck hero (Heroes, free): https://hurma.dev/library/heroes/fanned-card-deck-hero An animated card deck hero template: seven mint, blue and black cards fan out like playing cards with the cursor and rise on hover. AI prompt, code, React. - Ember business finance dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/ember-business-finance-dashboard An animated dark fintech dashboard template for B2B web apps: balance, cash flow bars, spend heatmap, budgets, corporate card. AI prompt, code and React. - Interactive globe data hero (Heroes, Pro): https://hurma.dev/library/heroes/interactive-globe-data-hero An animated 3D globe hero section template for data and network websites: a wireframe globe and live data widgets. AI prompt, source code and React. - Plat invoices and accounting dashboard (Dashboards, free): https://hurma.dev/library/dashboards/plat-invoices-accounting-dashboard A free animated invoicing dashboard template for SaaS web apps: AR aging bar, DSO line chart, overdue reminders, tax rings. AI prompt, code and React. - Stagger type (Text effects, free): https://hurma.dev/library/text-effects/stagger-type An animated stagger type hero template: letters flip up one by one from the middle of each line, and a touched letter sends a ripple. AI prompt and code. - Atlas Treasury corporate cash dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/atlas-treasury-corporate-cash-dashboard An animated dark treasury dashboard template for fintech web apps: split-flap cash board, 3D cash flow chart, Sankey diagram. AI prompt, code, React. - Parallel silicone cords wave background (Backgrounds, free): https://hurma.dev/library/backgrounds/parallel-silicone-cords-wave-background An animated abstract 3D wave background template: parallel glass cords with a lime silicone core in an endless loop. AI prompt, source code and React. - Hum music streaming artist dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/hum-music-streaming-artist-dashboard An animated music streaming artist dashboard template for websites and web apps: waveform chart, genre bubbles, top tracks. AI prompt, code and React. - Constellation cursor gravity background (Backgrounds, free): https://hurma.dev/library/backgrounds/constellation-cursor-gravity-background An animated starfield background template: cursor gravity pulls stars into a plexus with a glow core, a click sends a shockwave. AI prompt, code and React. - Ranked gaming stats dashboard (Dashboards, free): https://hurma.dev/library/dashboards/ranked-gaming-stats-dashboard An animated gaming stats dashboard template for esports websites and web apps: rank ring, LP history chart, match history. AI prompt, source code, React. - Product accessories fullscreen slider (Sliders, Pro): https://hurma.dev/library/sliders/product-accessories-fullscreen-slider An animated fullscreen product slider website template for accessories and fashion stores, with glass product cards. AI prompt, source code and React. - Redline marketing analytics dashboard (Dashboards, free): https://hurma.dev/library/dashboards/redline-marketing-analytics-dashboard An animated marketing analytics dashboard template in black and red: ROAS gauge, budget pacing, A/B test race, campaign grid. AI prompt, code and React. - Mercury liquid ball hero (Heroes, Pro): https://hurma.dev/library/heroes/mercury-liquid-ball-hero An animated liquid metal ball hero section template for tech websites: a 3D chrome sphere that flows toward the cursor. AI prompt, source code and React. - Revenue dashboard panel (Dashboards, Pro): https://hurma.dev/library/dashboards/revenue-dashboard-panel An animated dark revenue dashboard template for SaaS and fintech: a dot-matrix chart, KPI tiles and forecast scenarios. AI prompt, source code and React. - 3D layered interactive sphere (Heroes, free): https://hurma.dev/library/heroes/3d-layered-interactive-sphere An animated 3D sphere hero template for tech websites: a layered WebGL sphere follows the cursor in a glass UI with live figures. AI prompt, code, React. - Gravity letters spring physics (Text effects, Pro): https://hurma.dev/library/text-effects/gravity-letters-spring-physics An animated magnetic type hero template: letters on springs gather into a headline, then lean toward the cursor and turn lavender. AI prompt, code, React. - Mint diagonal card grid hero (Heroes, Pro): https://hurma.dev/library/heroes/mint-diagonal-card-grid-hero An animated diagonal card grid hero template: mint and black cards drift with the mouse, four flip in 3D to reveal services. AI prompt, code and React. - Morph type hero (Backgrounds, free): https://hurma.dev/library/backgrounds/morph-type-hero An animated kinetic typography hero template: a word in dots breaks under the pointer and morphs into the next. AI prompt, source code and React. - Thermal cursor hero (Heroes, free): https://hurma.dev/library/heroes/thermal-cursor-hero An animated thermal camera hero section template: the cursor leaves a trail of heat on a field of dots. AI prompt, source code and React. - Elastic type hero (Text effects, Pro): https://hurma.dev/library/text-effects/elastic-type-hero An animated elastic type hero template: tall condensed letters stretch from a baseline under the cursor and pull harder as you hold. AI prompt and code. - Relief object geodetic hero (Heroes, Pro): https://hurma.dev/library/heroes/relief-object-geodetic-hero An animated geodetic hero section template: a dot terrain you can press, a scan beam and a turning 3D object. AI prompt, source code and React. - Drink calculator landing template (Landing pages, Pro): https://hurma.dev/library/landings/drink-calculator-landing-template An animated landing page template for a calculator website: matte glass bento cards, a liquid WebGL drop and region switching. AI prompt, code and React. - Radar hero (Heroes, Pro): https://hurma.dev/library/heroes/radar-hero An animated radar hero section template: a beam follows the pointer over a photo and a dot field to find hidden targets. AI prompt, source code, React. - Creative marketing agency template (Landing pages, Pro): https://hurma.dev/library/landings/creative-marketing-agency-template An animated landing page template for a creative marketing agency: seven sections and a flock of birds that answers the pointer. AI prompt, code and React. - Infinite diagonal card wall (Backgrounds, Pro): https://hurma.dev/library/backgrounds/infinite-diagonal-card-wall An animated full-screen hero template: an endless tilted wall of emerald and lime cards drifts row against row under a glass bar. 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. - Morph form follows type (Text effects, Pro): https://hurma.dev/library/text-effects/morph-form-follows-type An animated variable font hero template: letters swell in weight and width under the cursor as a cobalt circle follows behind. AI prompt, code and React. - Touchfield music wave hero (Heroes, Pro): https://hurma.dev/library/heroes/touchfield-music-wave-hero An animated hero section template for music and sound websites: strings you pluck with the pointer and a glass album player. AI prompt, code and React. - Dot scope text background (Backgrounds, Pro): https://hurma.dev/library/backgrounds/dot-scope-text-background An animated website background template with a title made of dots: the pointer scatters them, a click sends a shockwave. AI prompt, source code and React. - Liquid color hero (Heroes, Pro): https://hurma.dev/library/heroes/liquid-color-hero An animated hero section template for websites: a neon gradient under black dots that flow like water under the pointer. AI prompt, code and React. - Dot field square scan (Backgrounds, Pro): https://hurma.dev/library/backgrounds/dot-field-square-scan An animated website background template: a dot grid with a square scanner for a cursor that tints dots and pixelates the title. AI prompt, code and React. - Liquid dot hero (Heroes, Pro): https://hurma.dev/library/heroes/liquid-dot-hero An animated 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 diffusion background (Backgrounds, Pro): https://hurma.dev/library/backgrounds/dot-field-diffusion-background An animated dot background template for websites: the pointer pushes dots apart and a lens bends the title. AI prompt, source code and React component. - Dot field magnet hero (Heroes, free): https://hurma.dev/library/heroes/dot-field-magnet-hero An animated hero section template: dots act like iron filings and the pointer is the magnet, a click flips the pole. AI prompt, code and React. - Scramble headline (Text effects, free): https://hurma.dev/library/text-effects/scramble-headline An animated text scramble effect template for website headlines: letters decode from random glyphs, hold and change phrase. AI prompt and source code. - Photo reveal hero (Heroes, Pro): https://hurma.dev/library/heroes/photo-reveal-hero An animated hero section template: a photo hidden behind dots that the pointer reveals through a soft circle. AI prompt, source code and React. - Typography letter roll hero section (Text effects, Pro): https://hurma.dev/library/text-effects/typography-letter-roll-hero-section An animated kinetic type hero template: letters rise from masks, an orange shutter sweeps the headline, lines roll up under the mouse. AI prompt and code. - 3D hex scales sphere hero (Heroes, Pro): https://hurma.dev/library/heroes/3d-hex-scales-sphere-hero An animated 3D sphere hero template for security and tech websites: hexagonal plates open in waves and lift under the cursor. AI prompt, code and React. - Finance dashboard (Dashboards, Pro): https://hurma.dev/library/dashboards/finance-dashboard An animated light finance dashboard template for fintech and SaaS websites: KPI cards, income chart, budgets, transactions. AI prompt, 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 An animated hero section template: an oversized headline whose last word rotates, in front of a 3D sphere. AI prompt, source code and React. - Typography spray can headline boiling texture (Text effects, Pro): https://hurma.dev/library/text-effects/typography-spray-can-headline-boiling-texture An animated text effect hero template: a heavy word spray-painted onto paper, boiling like stop-motion over an acid glow. AI prompt, source code and React. - Text effect that melts (Text effects, free): https://hurma.dev/library/text-effects/text-effect-that-melts An animated text effect template: letters that thin and warm from blue to red as the cursor runs through 1979 to 2050. AI prompt, source code and React. - Rolling word headline split-flap typography hero (Text effects, Pro): https://hurma.dev/library/text-effects/rolling-word-headline-split-flap-typography-hero An animated text effect hero template: a condensed statement whose last word rolls letter by letter like an odometer. AI prompt, source code and React. - Rack focus headline cinematic blur hero (Text effects, Pro): https://hurma.dev/library/text-effects/rack-focus-headline-cinematic-blur-hero An animated text effect hero template: a serif title sharp only near the cursor, like a shot through a cinema lens. AI prompt, source code and React. - Cursor spotlight headline (Text effects, free): https://hurma.dev/library/text-effects/cursor-spotlight-headline An animated text effect template: outlined letters in the dark, lit solid inside a cursor spotlight. AI prompt, source code and React. - Headline follow-the-cursor type (Text effects, free): https://hurma.dev/library/text-effects/headline-follow-the-cursor-type An animated text effect template: letters seem to turn toward the cursor, an electric-blue side behind each. AI prompt, source code and React. - Typography heat signature headline melting type (Text effects, Pro): https://hurma.dev/library/text-effects/typography-heat-signature-headline-melting-type An animated text effect template: a headline seen through a thermal camera, violet to yellow, melting under the cursor. AI prompt, source code and React. - Headline waveform typography intro (Text effects, free): https://hurma.dev/library/text-effects/headline-waveform-typography-intro An animated text effect hero template: outlined headlines sway like a sound wave on acid lime as the cursor tunes them. AI prompt, source code and React. - Contour topographic sphere (Heroes, free): https://hurma.dev/library/heroes/contour-topographic-sphere An animated 3D globe hero template: a topographic sphere in contour lines turns in a blueprint, its relief rising to the cursor. AI prompt, code and React. ## 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.