Aller au contenu

ZenStyle 1.0 · Framework CSS léger et réutilisable

Des interfaces simples, solides et accessibles.

ZenStyle fournit les bases dont un projet HTML a besoin : une grille responsive, des composants cohérents et des utilitaires faciles à retenir.

index.html
<main class="zs-container">
  <article class="zs-card">
    <h2>Un composant prêt à l'emploi</h2>
    <a class="zs-btn" href="demo.html">
      Découvrir
    </a>
  </article>
</main>

Commencer en quelques secondes

Une base claire pour vos pages HTML

Copiez le fichier public, ajoutez une classe et gardez la liberté de personnaliser votre projet.

01

Un seul fichier

Chargez zenstyle.css sans build obligatoire ni dépendance runtime.

02

Des classes prévisibles

Le préfixe zs- réduit les collisions avec les styles de votre application.

03

Des composants prêts

Boutons, cartes, formulaires, alertes, modales, onglets et accordéons sont inclus.

Pour apprendre

Explorez les composants

Consultez les exemples interactifs pour voir comment les styles et les comportements s'assemblent.

Ouvrir les composants

Pour personnaliser

Adaptez votre interface

Les variables CSS regroupent les couleurs, espacements, rayons et ombres pour un thème cohérent.

Voir les thèmes

Tester sans quitter la page

Playground interactif

Modifiez un composant et observez immédiatement le rendu ainsi que le HTML généré.

Aperçu live Le rendu se met à jour automatiquement.