Exemple de callout « tip »
Ce composant adapte son icône, sa couleur et son style en fonction de la variante sélectionnée. Il est utilisé dans les articles pour contextualiser l'information selon le profil du lecteur.
Comprendre
Playground
Explorez le design system, visionnez les démos et testez les composants en temps réel.
Galerie de composants MDX
Les composants enrichis utilisés dans les articles de documentation.
Encarts contextuels avec 6 variantes
Laboratoire Spring Animation
Ajustez les paramètres physiques de framer-motion useSpring et observez le comportement en temps réel.
Presets
300
24
1
Configuration
useSpring(value, {
stiffness: 300,
damping: 24,
mass: 1,
})Translation horizontale
Scale + opacity
Carte
Playground : Bouton interactif
Typographie
48pxNext Impact
36pxNext Impact
30pxNext Impact
24pxNext Impact
20pxNext Impact
Comment fonctionne le headless ?
Votre site WordPress envoie le contenu via une API. Le frontend (Next.js) récupère ce contenu et l'affiche avec un design moderne et performant.
Démos vidéo
Billeterie événementielle
Présentation complète d'une plateforme de billeterie propulsée par WordPress Headless et Next.js.
Voir l'étude de cas →5 projets