GALERIE DE MODÈLES
Version Bêta

Préréglages de Sites Web

Prévisualisez des sites prêts pour la production, personnalisez le contenu avec le chat et l'édition en un clic, ou téléchargez le projet complet au format ZIP.

espacedéfilementgsapsombre

Aether — Étude de champ profond

Sondage planétaire en espace lointain — une planète stationnée sous la ligne de flottaison dépasse la fenêtre d'affichage et vous plongez dans un survol orbital contrôlé par le défilement, avec quatre mondes et des transitions nettes entre eux.

Personnaliser
produite-commerceclairdéfilement

Volta — Cyclomoteur électrique

Site produit de studio léger de six pages pour une marque de mobylettes électriques — cartes d'interface flottantes, un plateau tournant à 360° contrôlé par le défilement, une séquence de pièces éclatées, un sélecteur de finition en direct et des transitions de page par balayage en rideau.

Personnaliser
éditorialdéfilementgsapserif

L'Assemblée d'Obsidienne

Archive chaleureuse d'artefacts éditoriaux — une police à empattement d'affichage se sépare, des cartes d'artefacts s'insèrent dans l'espace, puis se replient en une pile de sept objets contrôlée par le défilement avant une clôture architecturale en plein écran.

Personnaliser
automobiledéfilementgsapsombre

Vanta — Modèle 03 Nocturne

Lancement automobile cinématographique — une housse de protection en soie se soulève de la voiture au défilement, puis une course dans le désert où la voiture passe devant et derrière un logo textuel de la taille de l'écran.

Personnaliser
voyagedéfilementgsapmasque

Threshold — Six Mondes

Un portail de pierre vers six mondes — l'arche ne bouge jamais tandis que le monde au-delà change à travers un masque en forme d'arche qui s'ouvre à l'intérieur de l'arcade, puis inonde au-delà de la pierre jusqu'au plein écran.

Personnaliser
produittechnologiedéfilementgsap

Helix Mini — Micro-drone

Lancement de produit pour un micro-drone autonome — le produit atterrit dans un sandwich de caractères géants, se déploie au défilement avec des annotations, et la page s'inverse du sombre au clair à mi-défilement.

Personnaliser
adnwebglthreedéfilement

Haplo — Test ADN à domicile

Page de destination de marque de test ADN — une double hélice WebGL épinglée dans un vide marine ; le défilement déplace la caméra le long du brin tandis que les blocs de texte se révèlent ligne par ligne à chaque temps.

Personnaliser
iasaasparticuleswebgl

Dala — Libérez la sagesse collective

Startup de recherche de connaissances en milieu de travail basée sur l'IA — une scène de particules fixe de milliers de sprites triangulaires se transforme en cerveau → nuage → ampoule → globe → marque à mesure que vous faites défiler le manifeste, l'équipe, les investisseurs et le CTA.

Personnaliser
modee-commercesliderwebgl

ELARO — Collection Automne / Hiver

Slider héroïque de maison de couture — une scène produit unique en plein écran avec des transitions d'image WebGL, des miniatures de film et des aperçus des prochains looks pour les pièces stella, loria et mira.

Personnaliser
iaapplancementdéfilement

Oodles AI — intelligence artistique

Film de lancement pour une application de conversion photo-dessin animé, reconfiguré en sections épinglées contrôlées par le défilement — fond noir pur, texte néon pastel, un mur d'images, une roue qui tourne et un logo textuel final.

Personnaliser
événementpromomotion designdéfilement

FUN NIGHT — Carnaval de la Connaissance Kanvo

Promotion d'événement illustrée en motion graphics 2D — mouvements de caméra nets et balayages masqués entre sept temps, palette magenta / jaune fluo / menthe, liste des hôtes et un CTA de diffusion en direct.

Personnaliser
divertissementtitresdéfilementgsap

1TA SCANDAL — Générique d'ouverture

Une séquence de titre de drame animé réinterprétée comme un microsite contrôlé par le défilement — temps de personnages 2D plats, formules dessinées à la main, cartes de casting, liste des épisodes et un CTA de visionnage.

Personnaliser
automobilemarketplacevidéodéfilement

apex garage — Ferrari Enzo 2002

Annonce de marché de hypercars sélectionnées — une scène épinglée qui alterne entre des films d'orbite, de baie et de poussée de l'Enzo, puis une fiche détaillée avec les spécifications et un CTA de contact du vendeur.

Personnaliser
newslettervidéosombreframer-motion

Mindloop — Newsletter

Page de destination de newsletter monochrome noire avec une interface utilisateur en verre liquide, révélation de mots au défilement, cartes de plateforme et vidéo CTA HLS.

Personnaliser
iavidéoherosombre

Power AI — Vidéo d'accroche sombre

Page de destination IA sombre en plein écran avec vidéo héroïque CloudFront, titre General Sans de 220px, dégradé IA indigo→violet→ambre, barre de navigation et défilement de logo en verre liquide, et boucle de fondu requestAnimationFrame.

Personnaliser
fintechdefistablecoinvidéo

Halo — USD Halo

Page de destination stablecoin fintech premium sur #F5F5F5 avec TT Norms Pro, vidéo héroïque, cartes d'épargne, défilement des soutiens et panneau de cas d'utilisation Commerce.

Personnaliser
logistiquetransportherovidéo

Targo — Transport rapide et simple

Héros logistique avec typographie Rubik, rouge de marque #EE3F2C sur noir, vidéo CloudFront plein écran (sans superposition), CTA à coins coupés et carte de consultation en verre.

Personnaliser
saasautomatisationvidéodéfilement

Baby Track — Automatisation d'entreprise

Page de destination à défilement en deux sections avec vidéo héroïque Cloudinary, typographie Manrope/Italiana/Marck Script, parallaxe de nuage rouge (#FF0000), signature S.P.D et transformations de défilement motion/react.

Personnaliser
automatisationherospline3d

Auto Machines — Bannière d'automatisation

Héro noir pleine largeur avec Spline 3D à chargement différé, titre dégradé Orbitron, carte de spécifications techniques et badges pilule monochromes.

Personnaliser
créatifstudioherovidéo

MetricX — Bannière de studio créatif

Héro rouge pleine largeur pour studio créatif avec vidéo CloudFront, cartes de statistiques Britanica, doubles logos et interactions uniquement en CSS.

Personnaliser
web3cryptoherovidéo

Web3 EOS — Vitesse de l'expérience

Héro Web3 plein écran avec police General Sans, vidéo CloudFront et superposition noire/50, barre de navigation LOGOIPSUM, navigation déroulante, bouton pilule "Rejoindre la liste d'attente" avec effet de lueur superposé et titre dégradé.

Personnaliser
athlétiquenikegsapvidéo

Acreage × Nike — Bannière en vedette

Deux sections plein écran fixes avec menu bulle pilule GSAP, effet SpotlightReveal au passage de la souris sur une vidéo react-player, carte de statistiques en verre à 78% et marque Nike swoosh.

Personnaliser
solaireénergieherobascule de thème

Reposit — Bannière sur l'énergie solaire

Héro solaire plein écran avec bascule de thème Jour/Nuit, transition de fond déroulante, superpositions floues, typographie Outfit et tiroir de navigation mobile.

Personnaliser
newslettervidéoverreserif

Asme — Studio de la curiosité

Héro cinématique en verre liquide avec police Instrument Serif, fondus de vidéo CloudFront en boucle, capture d'e-mails pour newsletter et site de studio de sept pages axé sur la curiosité.

Personnaliser
saasintégrationherovidéo

LinkFlow — Vidéo d'accroche Boomerang

Héro SaaS vert avec typographie Neue Haas Grotesk, fond vidéo boomerang sur toile, navigation de bureau en forme de pilule, tiroir mobile échelonné et bloc CTA FluxEngine.

Personnaliser
sécuritéconfidentialitéherovidéo

Guardnet — Sécurité et Confidentialité

Page d'atterrissage de sécurité monopage avec typographie Futura, vidéos héro CloudFront plein écran, barre de navigation en forme de pilule et CTA dégradés.

Personnaliser
sécuritésaasherovidéo

securify — Sécurité des données

Mini-site SaaS de sécurité des données de sept pages avec vidéo héro plein écran, barre de navigation en forme de pilule et typographie Readex Pro noir/blanc.

Personnaliser
immobilierluxevidéographiques

ZENITH REALTY — Immobilier de luxe

Typographie Lato, vidéo héro CloudFront, cartes de propriétés, panneau "Comment ça marche" et analyses d'investissement Recharts. Sept pages avec routage par hachage, sans pied de page.

Personnaliser
inscriptionauthsaasformulaire

Aurora Inscription — Enregistrement

Interface d'inscription à deux colonnes avec vidéo héro CloudFront, progression par étapes, connexion sociale et animations de formulaire motion/react.

Personnaliser
page d'atterrissageagenceshadersdesign

Axion Studio

Page d'atterrissage d'agence de design avec shaders WebGPU empilés, horloge de Londres en direct, CTA à défilement de texte, grille "À propos" et études de cas vidéo.

Personnaliser
biotechconsultinghlsvidéo

BIONOVA — Conseil en biotechnologie

Mini-site de conseil en biotechnologie de sept pages avec typographie Poppins, cartes héro Mux HLS et routes À propos/Offres/Tarifs/Blog.

Personnaliser
agencebrandingherovidéo

Brandly — Créer des marques qui résonnent

Héro d'agence à vue unique avec vidéo CloudFront plein écran, titre Anton, barre de logos clients et CTA "S'inscrire / Se connecter" sur une toile chaude #F5F3EE.

Personnaliser
agencebrandingherovidéo

Brandly Studio — Bannière de création de marques

Héro d'agence à vue unique avec vidéo CloudFront plein écran, titre Anton, cartes de logos clients et CTA noirs "S'inscrire / Se connecter" sur une toile chaude.

Personnaliser
vidéocinématiqueherosombre

Cinematic Cloud — Vidéo d'accroche sombre

Page d'atterrissage cinématique sombre plein écran avec vidéo héro Cloudinary, titre centré, barre de navigation en verre liquide et mouvement de flou-fondu premium. Vite + React + Tailwind.

Personnaliser
vidéostreamingverrehero

FRAMECAST — Flux cinématographique

Mini-site de streaming de sept pages avec héro cinématique pleine largeur, vidéo CloudFront, masque de flou d'arrière-plan inférieur, chrome en verre liquide et échelonnement blurFadeUp.

Personnaliser
agenceiaautomatisationvidéo

COGNITRA — Agence d'IA

Agence d'automatisation IA avec vidéo héro fixe, typographie Helvetica Now, mouvement FadeUp, cartes de services et pages offre, cas, tarifs, équipe et contact avec routage par hachage.

Personnaliser
hôtelréservationherovidéo

Datacore — Vidéo d'accroche de réservation d'hôtel

Héro violet de réservation d'hôtel avec vidéo CloudFront plein écran (sans superposition), pilule d'annonce en glassmorphism, "et" en italique Instrument Serif et feuille de navigation mobile Framer Motion.

Personnaliser
éducationvidéoheroframer-motion

DesignPro — Formation en conception de produits

Héro vidéo plein écran CloudFront avec titre dégradé ShinyText, pilule de navigation à bordure grise et mini-site éducatif de sept pages.

Personnaliser
renouvelableénergieherovidéo

EcoVolta — Bannière sur l'énergie renouvelable

Héro énergie renouvelable à vue unique avec vidéo CloudFront, titre StaggeredFade, barre de navigation et contrôle de lecture en verre liquide, CTA à dégradé vert, défilé de partenaires et preuve sociale de +37k.

Personnaliser
bien-êtrevidéoverresanté

Equilibrium — Bien-être

Héro bien-être en verre liquide sur vidéo CloudFront, typographie Geist, logo infini, navigation déroulante Bien-être et sections défilantes pour Routine et Notre Équipe.

Personnaliser
athlétiquegsapvidéonavigation en pilule

ARC PACE — Navigation en pilule GSAP

Marque de chaussures de sport avec menu bulle pilule GSAP, masques vidéo projecteur et sept pages à routage par hachage.

Personnaliser
portfolio3dframer-motiondéfilant

Jack — Portfolio de créateur 3D

Portfolio Kanit sombre avec portrait héro magnétique, défilé GIF motionsites lié au défilement, texte "À propos" révélé au défilement, bande de services blanche et cartes de projet empilées et collantes.

Personnaliser
vidéoverrepied de pagehelvetica

Lumina — Vidéo d'accroche et pied de page en verre

Arrière-plan vidéo CloudFront pleine page, CTA héro centré, sections défilantes Découvrir et Mission, et pied de page en verre liquide animé avec navigation Helvetica.

Personnaliser
portfoliopersonnelfonctionnalitésverre

Max Reed — Fonctionnalités du portfolio

Section des fonctionnalités du portfolio personnel avec interface utilisateur en verre liquide, chronologie de carrière, témoignage client, icônes d'outils de sélection et vidéos héro CloudFront sur fond sombre.

Personnaliser
espace de travailproductivitéherovidéo

Micro Workspace — Organisé.

Héro d'espace de travail sombre pleine vue avec vidéo boomerang sur toile à trois panneaux, superposition de pilule sur la carte centrale et CTA de liste d'attente.

Personnaliser
bien-êtreheromise en avantcanevas

PureFlow One — Bannière de révélation en vedette

Page de destination purificateur d'air avec masque projecteur sur toile, grille SVG à parallaxe, barre de navigation pilule et menu hamburger mobile.

Personnaliser
defitableau de bordcryptoverre

RIVR — Bannière de tableau de bord DeFi

Héro DeFi en glassmorphism avec typographie Helvetica, arrière-plan vidéo CloudFront, badge de staking fluide, carte de statistiques de rendement et découpe d'angle de documentation.

Personnaliser
defitableau de bordcryptoverre

Cascade Fluid — Bannière en verre DeFi

Héro DeFi en glassmorphism avec typographie Helvetica, arrière-plan vidéo CloudFront, badge de staking fluide, carte de statistiques de rendement et découpe d'angle de documentation.

Personnaliser
iavidéoheroonglets

Stellar.ai — Vidéo d'accroche à onglets

Page de destination IA étendue d'une page avec superpositions d'héro à onglets sur vidéo CloudFront, animation fadeInUp, défilé de logos et navigation liée au défilement (Solutions, Pour les équipes, À propos, Centre d'apprentissage). Vite + React + Tailwind.

Personnaliser
beautésoins de la peaue-commercecarrousel

STRETCH — Beauté éthique

Page de destination soins de la peau à trois sections avec diaporama d'images + vidéos héro divisé, carrousel des meilleures ventes avec détournement de molette et vidéos de catégorie pleine page.

Personnaliser
géocartessaashero

Terra — Constructeur de cartes géographiques

Héro SaaS de géocartographie Inter avec badge Product Hunt, "constructeur" dégradé + cadre de sélection pointillé, vidéo de démonstration CloudFront, routes par hachage pour Produit, Solutions, Ressources, Exemples, Tarifs et Contact.

Personnaliser
carrousel3dfigurineshero

TOONHUB

Carrousel de figurines de personnages pleine vue avec type d'affichage Anton, superposition de grain et animations de fondu enchaîné basées sur le rôle de 650 ms.

Personnaliser
donnéesplateformevidéohero

Transform Data — Plateforme de données

Plateforme de données pleine page avec vidéo héro CloudFront, FadingVideo rAF de 250 ms, typographie Schibsted/Inter/Noto/Fustat, chrome de recherche + badge, menu déroulant de navigation Fonctionnalités avec cibles de défilement et sections câblées Plateforme/Projets/Communauté/Contact.

Personnaliser
iaparallaxherovidéo

UI Rocket — Bannière d'atterrissage parallax

Page de destination violet foncé (#08020e) avec vidéo héro à parallaxe, maquette de tableau de bord (chat + aperçu en direct), premier plan herbe, navigation en verre liquide, Symboles Material et transformations de défilement framer-motion.

Personnaliser
défilementhlsgsapdirtyline

Libérez toute la puissance — Bannière HLS à défilement

Héro Mux HLS de 500vh avec défilement contrôlé, type Dirtyline ScrollFloat, panneau "À propos" en verre avec parallaxe 3D et défilé de marques, et navigation GSAP PillNav à remplissage liquide.

Personnaliser
page d'atterrissagesaassécuritéframer-motion

VaultShield — Gestionnaire de mots de passe

Héro SaaS de sécurité clair avec dégradé maillé chaud, entrées Framer Motion fadeUp, icônes Zap/LockKeyhole/Fingerprint en ligne et feuille de navigation mobile AnimatePresence.

Personnaliser
camping-carélectriquevidéohls

Velorah — Camping-car électrique

Page de destination noire à six sections pour une marque de VR électrique : Instrument Serif + Inter, CTA en verre liquide, vidéos héro/fonctionnalité/CTA CloudFront, section de déclaration Mux HLS et animation de fondu-montée.

Personnaliser
saasautomatisationvidéohero

Velorix — Automatisation de précision

Héro vidéo plein écran CloudFront avec typographie Inter, barre de navigation pilule, menu mobile échelonné et sept routes par hachage pour la plateforme, la défense IA et les insights.

Personnaliser
iaagencevidéohls

VIRALMEDIA — Conception web par IA

Page de destination d'agence d'une page en verre liquide sombre avec vidéo héro CloudFront, texte "À propos" révélé au défilement, grille de travail GIF animée, parallaxe de présentation Cleanshot et CTA Mux HLS.

Personnaliser
voyagevidéogsapverre

Wanderful™ — Voyagez sans frontières

Héro de voyage avec typographie Barlow, Inter et Dirtyline, vidéo héro CloudFront, parallaxe de souris GSAP, pilule de navigation en verre liquide et CTA de réservation sécurisée. Source Vite complète dans le ZIP.

Personnaliser
page d'atterrissagevidéoherodéfilant

Époque Fondatrice — Héros de l'Ère Numérique

Page de destination claire d'une page avec héro vidéo CloudFront arrondi, titre Outfit, défilé de logos svgl, navigation flottante en verre et sections défilantes pour Fonctionnalités, Écosystème, Docs et Contact. Vite + React + Tailwind v4 + motion.

Personnaliser