THE ULTIMATE LIBRARY FOR DIGITAL CREATIVES

DESIGN WEBS AT AGENCY LEVEL IN HALF THE TIME

Professional resources and tools ready to use, so you never have to start a project from scratch. Constantly updated.

EXPLORE RESOURCES VIEW TOOLS

HEROESReady to use

SECTIONSModular

TOOLSUseful and powerful

INSPIRATIONGo further

SELECTION / RESOURCES

Selected experiments

AURELIS Orbital Residence Scroll Landing

Futuristic orbital-residence landing page with 90 WebP frames driven by scroll, narrative scenes and a final contact form.

FORMAT / WEBSITE STYLE / EXPERIMENTAL TEC / CANVAS

Open resource ↗

G/S — 714

NEW MEMBER

KAGE Samurai Scroll Landing

Samurai landing page with 72 WebP frames controlled by scroll, scene-based editorial narrative and cinematic art direction.

FORMAT / HERO STYLE / CINEMATIC TEC / CANVAS

Open resource ↗

G/S — 624

NEW PREMIUM

TIMOTY Cursor Robot Hero

Minimal hero with a larger centred TIMOTY. wordmark, subtler letter spacing and a centred robot that follows the cursor.

FORMAT / HERO STYLE / EXPERIMENTAL TEC / CSS

Open resource ↗

G/S — 673

NEW PREMIUM

VELARIS Luxury House Scroll Landing

Luxury architecture landing page with 90 WebP frames driven by scroll, scene-based narrative and premium editorial typography.

FORMAT / WEBSITE STYLE / EDITORIAL TEC / CANVAS

Open resource ↗

G/S — 772

NEW MEMBER

VITALIA Nutrition Scroll Hero

Cinematic hero for nutritionists: a 120-frame WebP sequence advances with scroll while SEO-focused messages cover personalised nutrition, sports nutrition and…

FORMAT / HERO STYLE / CINEMATIC TEC / CANVAS

Open resource ↗

G/S — 615

NEW MEMBER

ORBIT Cursor Robot Hero

Interactive robotic hero with 32 Full HD frames, smooth horizontal cursor tracking, orbital pointer and staged cinematic entrance.

FORMAT / HERO STYLE / CINEMATIC TEC / CANVAS

Open resource ↗

G/S — 439

NEW PUBLIC

LUMORA Gradient Hero

Minimal hero with editorial panels and a large particle sphere that reacts to the cursor and to any click within…

FORMAT / HERO STYLE / LUMINOSO TEC / CANVAS

Open resource ↗

G/S — 784

NEW PUBLIC

AlaMotion Flight Scroll Hero

Scroll-controlled aerial hero with real sections for Inertia, Layers, Presets, Scroll, Rhythm and Explore; each block adds title, text and…

FORMAT / WEBSITE STYLE / CINEMATIC TEC / CANVAS

Open resource ↗

G/S — 642

NEW MEMBER

FRIEND Imagination Hero

Immersive hero with looping artistic video, raised left-hand content block and consistent text width aligned to the H1.

FORMAT / HERO STYLE / ARTISTIC TEC / CSS

Open resource ↗

G/S — 796

NEW MEMBER

FLAMA Burger Scroll Landing

Complete burger-restaurant landing page with a 96-frame WebP sequence controlled by scroll, food-led narrative and reservation form.

FORMAT / WEBSITE STYLE / CINEMATIC TEC / CANVAS

Open resource ↗

G/S — 462

NEW MEMBER

NEONIX Scroll Landing

Immersive landing page with an 80-frame scroll-controlled sequence, sticky navigation, editorial content and reversible behaviour optimised for mobile.

FORMAT / WEBSITE STYLE / EDITORIAL TEC / ANIMATION

Open resource ↗

G/S — 765

NEW PREMIUM

FOCUS Autofocus Hero

Interactive technology hero inspired by photographic autofocus: oversized FOCUS., cursor-following AF viewfinder, dynamic sharpness mask, bokeh and navigation micro-interactions.

FORMAT / HERO STYLE / INTERACTIVE TEC / CSS

Open resource ↗

G/S — 143

NEW PREMIUM

Series C Hero

Cinematic hero for a Series C sports car with full-screen video, high-contrast composition and automotive campaign art direction.

FORMAT / HERO STYLE / CINEMATIC TEC / CSS

Open resource ↗

G/S — 723

NEW PREMIUM

LIONFire — The Noble Grouch Hero

Editorial hero with centred lion, premium sand-toned art direction and cursor tracking through an optimised image sequence.

FORMAT / HERO STYLE / EDITORIAL TEC / CSS

Open resource ↗

G/S — 429

NEW MEMBER

VELTRA Audio Hero

Premium headphone product hero with green gradient, pill navigation, mixed typography and ecommerce-oriented editorial composition.

FORMAT / HERO STYLE / ECOMMERCE TEC / CSS

Open resource ↗

G/S — 272

NEW PREMIUM

Luxury Estate HERO

Cinematic luxury-property hero with full-screen video, immediate local poster and premium editorial art direction.

FORMAT / HERO STYLE / CINEMATIC TEC / CSS

Open resource ↗

G/S — 576

NEW MEMBER

Cursor Cat Interactive Hero

Hero interactivo con fotogramas WEBP de alta calidad extraídos del vídeo para responder al cursor con transiciones más fluidas.

FORMAT / HERO STYLE / EDITORIAL TEC / CSS

Open resource ↗

G/S — 131

MEMBER

Futvehicle Hero

Editorial hero for a suspended mobility system, with architectural video, ivory composition and transport-campaign visual language.

FORMAT / HERO STYLE / EDITORIAL TEC / CSS

Open resource ↗

G/S — 598

NEW MEMBER

AETHER Biomorphic Hero

Bioluminescent biomorphic hero with reactive digital matter, glass navigation, editorial typography and interactive liquid controls.

FORMAT / HERO STYLE / EXPERIMENTAL TEC / CANVAS

Open resource ↗

G/S — 084

PREMIUM

Materia Landing

Cinematic MATERIA landing page with fixed header, two video layers, scroll transition, temporal scrub, mobile canvas and editorial panels.

FORMAT / WEBSITE STYLE / EDITORIAL TEC / CSS

Open resource ↗

G/S — 606

NEW MEMBER

BIOCHEM Labs Hero

Biomedical science hero with reactive molecular network, cyan light waves, biochemical telemetry and an interactive simulation modal.

FORMAT / HERO STYLE / SCIENTIFIC TEC / CANVAS

Open resource ↗

G/S — 619

NEW MEMBER

CYBERBOT Autonomous Motion Hero

Technology hero for an autonomous robotics platform, with optimised local video, glassmorphism form, audio control and staged entrance.

FORMAT / HERO STYLE / CINEMATIC TEC / CSS

Open resource ↗

G/S — 296

MEMBER

Brava Surf HERO

Cinematic surf-school hero with full-screen video, 45% black overlay, immediate blurred poster and navigation.

FORMAT / HERO STYLE / CINEMATIC TEC / CSS

Open resource ↗

G/S — 159

MEMBER

Samurai Hero

Cinematic hero inspired by samurai discipline, with full-screen video, Sora typography and high-impact dark editorial composition.

FORMAT / HERO STYLE / CINEMATIC TEC / CSS

Open resource ↗

G/S — 611

NEW MEMBER

NEXUS 6G Hero

Technology hero for a 6G operator with a cursor-reactive wave mesh, cyan/purple art direction, central CTA and benefits bar.

FORMAT / HERO STYLE / INTERACTIVE TEC / CANVAS

Open resource ↗

G/S — 603

NEW MEMBER

PURPLE Flat Geometric Hero

Purple flat-geometric hero with reactive vector network, precision cursor, square waves and real-time telemetry.

FORMAT / HERO STYLE / EXPERIMENTAL TEC / CANVAS

Open resource ↗

G/S — 361

MEMBER

NEXUS Particle Hero

Generative hero with hundreds of Canvas particles forming a core, helix and dynamic field, reacting to the pointer and to…

FORMAT / HERO STYLE / EDITORIAL TEC / CANVAS

Open resource ↗

G/S — 035

MEMBER

Minerva Hero

Full-screen futuristic hero with background video, corner-based editorial composition and character-by-character typography reveal.

FORMAT / HERO STYLE / EXPERIMENTAL TEC / CSS

Open resource ↗

G/S — 215

MEMBER

NIK Velocity HERO

Sporty futuristic NIK hero with cinematic video, centred logo, navigation split across both sides and #aeff00 apple-green accent.

FORMAT / HERO STYLE / CINEMATIC TEC / CSS

Open resource ↗

G/S — 571

NEW MEMBER

NEON PALMS 96 Cyberpunk Hero

Nineties-inspired cyberpunk hero using navy, apple green and fuchsia, animated palms and a complete staged entrance sequence.

FORMAT / HERO STYLE / COLOURFUL TEC / CSS

Open resource ↗

G/S — 252

MEMBER

Watch Hero

Editorial luxury-watch hero with full-screen video, logo on the left, navigation on the right and an H1 split around the…

FORMAT / HERO STYLE / CINEMATIC TEC / CSS

Open resource ↗

G/S — 593

NEW MEMBER

NÖVA Labs Kinetic Hero

Dark technology hero with electric-lime identity, interactive kinetic mesh, editorial typography and laboratory-inspired controls.

FORMAT / HERO STYLE / EXPERIMENTAL TEC / CANVAS

Open resource ↗

G/S — 448

NEW MEMBER

CWCRYPTO Investing Landing

Premium fintech landing page for CWCRYPTO, with dark background, lime accent, mobile mock-ups and original content focused on clarity, security…

FORMAT / WEBSITE STYLE / FINTECH TEC / CSS

Open resource ↗

G/S — 564

NEW MEMBER

MR TOBOR Cybersecurity Hero

Hero MR TOBOR para una empresa de ciberseguridad con estética de terminal ochentera, calavera hacker digital y servicios interactivos de…

FORMAT / HERO STYLE / EXPERIMENTAL TEC / CSS

Open resource ↗

G/S — 088

MEMBER

Creative Pulser W47 Hero

Premium product hero for Creative Pulser W47, a creative wristband conceived to encourage creative momentum, focus and idea generation.

FORMAT / HERO STYLE / EXPERIMENTAL TEC / CSS

Open resource ↗

G/S — 302

NEW MEMBER

Vértice Cero HERO

Cinematic action-film hero with full-screen video, 30% black overlay and a blurred poster visible before playback.

FORMAT / HERO STYLE / ACCION TEC / CSS

G/S — DIGITAL ARCHIVESELECTION / 2026

EXPERIMENTAL WEB SYSTEMS

Web experiences.Ready to buildwith AI.

CHOOSE THE RESOURCE, COPY AND PASTE THE MASTER PROMPT INTO YOUR AI DEVELOPMENT TOOL AND ADAPT THE RESULT TO YOUR PROJECT.

GATACA / METHOD

See it. Understand it. Take it to the prompt. Build it.

01 / DISCOVER02 / DEMO03 / MASTER PROMPT04 / BUILD

DESIGN WEBS AT AGENCY LEVEL IN HALF THE TIME

Selected experiments

AURELIS Orbital Residence Scroll Landing

KAGE Samurai Scroll Landing

TIMOTY Cursor Robot Hero

VELARIS Luxury House Scroll Landing

VITALIA Nutrition Scroll Hero

ORBIT Cursor Robot Hero

LUMORA Gradient Hero

AlaMotion Flight Scroll Hero

FRIEND Imagination Hero

FLAMA Burger Scroll Landing

NEONIX Scroll Landing

FOCUS Autofocus Hero

Series C Hero

LIONFire — The Noble Grouch Hero

VELTRA Audio Hero

Luxury Estate HERO

Cursor Cat Interactive Hero

Futvehicle Hero

AETHER Biomorphic Hero

Materia Landing

BIOCHEM Labs Hero

CYBERBOT Autonomous Motion Hero

Brava Surf HERO

Samurai Hero

NEXUS 6G Hero

PURPLE Flat Geometric Hero

NEXUS Particle Hero

Minerva Hero

NIK Velocity HERO

NEON PALMS 96 Cyberpunk Hero

Watch Hero

NÖVA Labs Kinetic Hero

CWCRYPTO Investing Landing

MR TOBOR Cybersecurity Hero

Creative Pulser W47 Hero

Vértice Cero HERO

Web experiences.Ready to buildwith AI.

You decide which cookies you allow.