Démo En ligne mars 2026

🎯 Template Landing Page SaaS

Template de landing page SaaS générique prêt à l'emploi — hero, features, pricing, FAQ, CTA. Conçu pour convertir dès le premier jour.

Astro Tailwind CSS v4 TypeScript Animation

Le projet

Une landing page SaaS complète, open source et prête à déployer. L’idée : avoir une base solide pour lancer rapidement un nouveau produit sans repartir de zéro à chaque fois.

Sections incluses

Hero

Un hero avec titre impactant, sous-titre, CTA principal + CTA secondaire, et une capture d’écran du produit en mockup navigateur.

Features

Grille 3 colonnes de fonctionnalités avec icônes emoji, titres et descriptions. Section alternée avec image pour les features principales.

Pricing

3 paliers tarifaires (Starter / Pro / Enterprise) avec mise en valeur du palier recommandé. Toggle mensuel/annuel avec réduction.

FAQ

Accordéon natif HTML <details> — zéro JavaScript, accessible par défaut.

CTA final

Section plein fond avec appel à l’action fort.

Ce que j’ai testé

Ce template m’a servi de terrain d’expérimentation pour Tailwind CSS v4 et ses nouvelles syntaxes :

@theme {
  --color-brand-500: #f97316;
}

Au lieu de l’ancien tailwind.config.js avec extend.colors, tout est désormais dans le CSS. Plus lisible, plus proche du standard CSS.

Utilisation

Le template est sur GitHub sous licence MIT. Clone, adapte les couleurs dans global.css, remplace le contenu — et c’est prêt.

Projets similaires