Modèles gratuits de pages d’atterrissage

Aniq-UI propose quatre templates de landing page Next.js gratuits : un portfolio pour agence de design web, un site d’entreprise, une landing page SaaS avec tarifs et une landing page produit en 3D. Chacun est un site d’une page en anglais et en arabe, que vous téléchargez en ZIP avec votre nom et votre e-mail, puis lancez avec Docker ou avec Node.js 22 sur le port 3030. Depuis leur version du 24 octobre 2026, les quatre tournent sous Next.js 15.5.28 ; trois sont sous licence MIT et le template 3D est fourni avec une licence commerciale pour un nombre illimité de projets.

Créer une page d’atterrissage performante à partir de zéro demande du temps et des compétences en design. C’est pourquoi nous vous offrons trois modèles gratuits, entièrement responsives et réalisés avec Next.js 15.2.4 et Tailwind CSS. Que vous dirigiez une agence créative, un site d’entreprise ou lanciez un produit SaaS, ces pages vous aideront à être en ligne en quelques minutes.

Pourquoi utiliser Next.js 15.2.4 + Tailwind CSS pour vos landing pages ?

1. Vitesse et SEO : Rendu côté serveur (SSR) et génération statique (SSG)
2. Style utilitaire : Tailwind CSS permet de créer des designs complexes sans CSS personnalisé
3. Aucune configuration : Routage, optimisation d’images et rafraîchissement rapide intégrés
4. Composants modulaires : Sections réutilisables et personnalisables

1. Modèle gratuit de page de design web

Technologies :

1. Next.js 15.5.28
2. React 19
3. Tailwind CSS 3
4. TypeScript

Fonctionnalités clés :

1. Section héro avec bouton d’appel à l’action
2. Grille de portfolio avec aperçu au survol
3. Carrousel de services et témoignages
4. Formulaire de contact avec validation
5. Entièrement responsive sur tous les appareils

Liens :

1. Démo en ligne
2. Télécharger gratuitement

2. Modèle gratuit de site d’entreprise

Technologies :

1. Next.js 15.5.28
2. React 19
3. Tailwind CSS 3
4. TypeScript

Fonctionnalités clés :

1. Sections “Comment ça marche” et fonctionnalités à onglets épurées
2. Carrousel de témoignages et grille d’intégrations
3. Tableaux de prix et comparaison de fonctionnalités
4. Section blog en avant-première
5. Code optimisé pour le SEO

Liens :

1. Démo en ligne
2. Télécharger gratuitement

3. Modèle gratuit de page SaaS

Technologies :

1. Next.js 15.5.28
2. React 19
3. Tailwind CSS 3
4. TypeScript

Fonctionnalités clés :

1. Section héro avec points forts dynamiques
2. Tarifs avec tableau comparatif des fonctionnalités
3. Section newsletter facultative (reliée à votre propre API)
4. Section intégrations avec dix logos d’outils
5. Logos clients & indicateurs de succès

Liens :

1. Démo en ligne
2. Télécharger gratuitement

🚀 Démarrage rapide

Installation du thème

Chaque modèle suit le même processus d’installation et de personnalisation :

# Clonez le dépôt du modèle
git clone <repository-url>
cd <repo-name>

# Installez les dépendances
corepack enable
yarn install

# Lancez le serveur de développement
yarn dev

Remplacez <repo-name> par le nom du dossier du modèle téléchargé.

💎 Modèles premium

Vous cherchez des pages d’atterrissage plus avancées ? Découvrez nos options premium ci-dessous.

1. Modèle premium de page SaaS

Technologies :

1. Next.js 16.4.2
2. React 19
3. Tailwind CSS 4
4. TypeScript

Obtenir le modèle premium →

2. Modèle premium de page SaaS 2

Technologies :

1. Next.js 16.4.2
2. React 19
3. Tailwind CSS 4
4. TypeScript

Obtenir le modèle premium →

💡 Prochaines étapes & personnalisation

1. Personnalisez votre marque : Modifiez couleurs, polices et images.
2. Étendez : Ajoutez des sections comme FAQ, équipe ou blog.
3. Déployez : Hébergez sur Vercel, sur un serveur Node.js ou sous forme d’image Docker.

Profitez de ces modèles gratuits et accélérez le lancement de votre projet web ! Besoin d’aide pour les personnaliser ? Écrivez-nous via le formulaire de contact du site Aniq-UI.

Tous ces templates sont téléchargeables gratuitement sur Aniq UI : obtenez le template de landing page 3D, le template de landing page pour agence de design web, le template de landing page SaaS ou le template de site d'entreprise, et retrouvez tous les templates de landing pages Next.js au même endroit.

Les quatre templates gratuits d’Aniq-UI aujourd’hui

Chacun des quatre templates gratuits est un site Next.js d’une page avec React 19 et TypeScript, en anglais (/en) et en arabe (/ar, de droite à gauche), servi sur le port 3030. Ils ont d’abord été publiés sous Next.js 15.2.4, puis sont passés à Next.js 15.5.28 avec leur version du 24 octobre 2026 ; les listes de technologies ci-dessus indiquent les versions actuelles.

Template portfolio pour agence de design web

MONO est un site sombre, en noir et blanc et de style brutaliste, pour une agence de design ou de développement web : une section héro avec deux boutons, quatre cartes sur l’approche de l’agence, quatre projets, cinq étapes de travail, trois avis clients, trois formules de prix avec un choix mensuel ou annuel, et une section contact avec un formulaire qui vérifie ses champs.

• Technologies : Next.js 15, Tailwind CSS 3, next-intl, Motion, React Hook Form avec Zod, TanStack Query.
• À savoir : le formulaire de contact n’envoie rien tant que vous n’avez pas défini NEXT_PUBLIC_API_BASE_URL ; il envoie ensuite les messages vers /contact sur votre propre API.
• Idéal pour : les agences et les freelances. Licence MIT. Voir le template portfolio pour agence de design web et sa documentation.

Template de site d’entreprise

NOVA est une landing page pour un produit d’IA en dix sections, dont quatre étapes « comment ça marche », quatre onglets de fonctionnalités, douze logos d’intégrations, un carrousel d’avis, trois cartes de blog, des tarifs avec un choix mensuel ou annuel et six questions fréquentes.

• Technologies : Next.js 15, Tailwind CSS 3, next-intl, Framer Motion, Radix UI, Embla Carousel.
• À savoir : il n’y a ni formulaire ni back-end, et le seul réglage est NEXT_PUBLIC_SITE_URL. Les photos se chargent depuis images.unsplash.com et la plupart des logos depuis cdn.simpleicons.org.
• Idéal pour : une entreprise ou une startup logicielle. Licence MIT. Voir le template de site d’entreprise et sa documentation.

Template de landing page SaaS avec tarifs

SaasPro est une page toujours sombre pour un logiciel, avec six cartes de fonctionnalités, quatre étapes, trois témoignages, trois formules mensuelles, un tableau comparatif des formules, dix logos d’intégrations, six questions fréquentes et trois cartes de blog.

• Technologies : Next.js 15, Tailwind CSS 3, next-intl, Framer Motion, Radix UI.
• À savoir : une section newsletter est livrée dans le code, mais n’apparaît sur la page que si vous l’ajoutez ; elle envoie l’adresse vers /newsletter/subscribe sur votre propre API. Les prix sont mensuels, en dollars américains par défaut.
• Idéal pour : un produit SaaS vendu par formules. Licence MIT. Voir le template de landing page SaaS et sa documentation.

Template de landing page 3D

Un site d’une page pour une marque de jus. Une roue 3D de quatre canettes tourne avec la molette de la souris, les touches fléchées ou les boutons fléchés, et la page prend les couleurs de la saveur au premier plan, avec des fruits flottants, des glaçons et une ondulation d’eau sous le pointeur.

• Technologies : Next.js 15, Tailwind CSS 4, React Three Fiber avec Three.js et Drei, GSAP, next-intl.
• À savoir : il ne lit aucune variable d’environnement et embarque tous les fichiers qu’il charge, modèles 3D compris. Le formulaire de connexion et le panier sont des éléments de démonstration. Chaque canette est un modèle .glb dont vous remplacez l’étiquette dans Blender, et les visiteurs ont besoin de WebGL.
• Idéal pour : un seul produit, comme une boisson, ou pour apprendre Three.js dans Next.js. Gratuit, sous la licence commerciale d’Aniq-UI. Voir le template de landing page 3D et sa documentation.

Comparer les templates gratuits

Comment choisir

• Vous vendez un service : le portfolio d’agence, le seul des quatre dont le formulaire de contact est prêt à envoyer vers votre API.
• Vous vendez un logiciel par formules : la page SaaS pour un tableau comparatif des formules, ou le site d’entreprise pour un choix de prix mensuel ou annuel.
• Vous vendez un seul produit physique : la page 3D, si vous pouvez préparer un modèle 3D avec votre étiquette.
• Vous devez enregistrer des commandes, des inscriptions ou des paiements : aucun template gratuit n’a de back-end ; voyez les options payantes plus bas.

Lancer un template gratuit en local

1. Sur la page du template, cliquez sur Obtenir Gratuitement, saisissez votre nom et votre e-mail, puis cliquez sur Réclamer. Votre tableau de bord s’ouvre, avec le ZIP dans Mes templates.
2. Décompressez-le et ouvrez un terminal dans son dossier (landing-page-template-1, -2, -3 ou juicy).
3. Avec Docker Desktop, construisez puis lancez l’image, et ouvrez http://localhost:3030.

docker build -t my-site .
docker run -p 3030:3030 my-site

Sans Docker, utilisez Node.js 22 ou plus récent. corepack enable se lance une fois par ordinateur, pour que yarn utilise la version de Yarn 4 fixée par le template.

corepack enable
yarn install
yarn dev

Si le port 3030 est déjà pris, lancez docker run -p 3041:3030 my-site ou yarn dev -p 3041, puis ouvrez http://localhost:3041.

Le mettre en ligne

Pour les templates d’agence, d’entreprise et SaaS, définissez NEXT_PUBLIC_SITE_URL avec votre adresse avant le build : le lien canonique, les liens de langue et les cartes de partage l’utilisent. Le template 3D n’a besoin d’aucune variable.

• Vercel : poussez le dossier dans un dépôt Git, importez-le et gardez les réglages par défaut. Ajoutez ENABLE_EXPERIMENTAL_COREPACK=1 pour que Vercel installe la version de Yarn 4 fixée.
• Un serveur Node.js : corepack enable, yarn install, yarn build, yarn start, avec Nginx ou Caddy devant pour votre domaine et le HTTPS.
• Docker : la même image tourne en production. Passez les réglages NEXT_PUBLIC_ en --build-arg, car ils sont écrits au moment du build.

Avant la mise en ligne, remplacez les projets, avis, prix et coordonnées d’exemple, et donnez une vraie destination aux boutons et aux liens.

Ce que permet la licence gratuite

• Templates d’agence, d’entreprise et SaaS : licence MIT. Vous pouvez les utiliser, les modifier, les publier et en vendre des copies, y compris pour des sites clients, tant que l’avis de copyright et de permission reste avec le code.
• Template 3D : la licence commerciale d’Aniq-UI couvre un nombre illimité de projets, pour vous ou pour un client, et vous pouvez modifier le code. Vous ne pouvez pas revendre ni partager le code source, le vendre comme template, kit UI, thème ou starter kit, vous en attribuer la paternité, ni l’inclure dans un projet open source.

La licence se trouve dans chaque téléchargement et dans la documentation de chaque template. Lisez-la avant de publier.

Quand un template payant est le meilleur choix

Choisissez un template payant d’Aniq-UI si vous avez besoin de plus de pages, d’un thème clair ou d’un vrai produit derrière la page :

• Template de landing page Next.js (Publino) : Next.js 16, une page d’accueil, une page de tarifs avec formules mensuelles et annuelles et une page de contact, avec thèmes sombre et clair.
• Template SaaS Next.js (SaaS Pro) : Next.js 16, avec des pages de tarifs, de blog, de contact et de connexion, et des pages légales.
• Des templates full-stack qui associent un site public à un tableau de bord d’administration : le template de restaurant avec commande en ligne, le template immobilier avec tableau de bord d’agence, le template e-commerce avec tableau de bord d’administration et le template LMS avec classes en direct.

Publino et SaaS Pro autorisent un nombre illimité de projets commerciaux, travail client inclus. Les prix figurent sur la page de chaque template.

FAQ

Ces templates de landing page sont-ils vraiment gratuits ?

Oui. Les quatre ne coûtent rien. Vous recevez le code source complet en ZIP après avoir saisi votre nom et votre e-mail sur la page du template.

Puis-je utiliser un template gratuit pour le site d’un client ?

Oui. Les templates sous licence MIT le permettent si l’avis de copyright reste dans le code. La licence du template 3D couvre aussi le travail client, mais vous ne pouvez pas le revendre comme template ni partager son code source.

Quelle version de Next.js utilisent les templates gratuits ?

Next.js 15.5.28 avec React 19 et l’App Router, depuis la version du 24 octobre 2026. Publino et SaaS Pro tournent sous Next.js 16.

Faut-il Docker pour les lancer ?

Non. Docker Desktop seul suffit, tout comme Node.js 22 ou plus récent avec Yarn 4 via Corepack. Dans les deux cas, le site s’ouvre sur http://localhost:3030.

Les templates gratuits incluent-ils un back-end ?

Non. Le formulaire de contact du template d’agence et le formulaire newsletter du template SaaS n’envoient rien tant que vous ne les reliez pas à votre propre API, et le formulaire de connexion et le panier du template 3D sont des éléments de démonstration.

Les templates gèrent-ils l’arabe et la mise en page de droite à gauche ?

Oui. Chacun est livré en anglais sur /en et en arabe sur /ar, de droite à gauche, et son guide des langues explique comment en ajouter une autre.

Guides associés

• Meilleurs templates de landing page Next.js 2026 (gratuits, premium)
• Template gratuit de page d’atterrissage 3D pour sites de jus, de boissons et de marketing produit
• Comment lancer un site SaaS en anglais et en arabe avec Next.js
• Meilleurs templates SaaS Next.js et starter kits en 2026
• Meilleurs templates Next.js en 2026 : gratuits et premium