Lab

Composants interactifs.

Une collection qui s’enrichit de patterns d’interface, de micro-interactions et d’expériences visuelles. Tout ce que vous voyez fonctionne en direct et a été conçu de A à Z. Aucun widget tiers, pas de Bootstrap, pas de copier-coller.

10Composants
04Collections
100%Fait main
← Retour à l’accueil
Finitions UI4 composants

L’UI du quotidien, bien faite.

Des patterns d’interface courants, sublimés par le soin du détail. Des composants vus mille fois, mais rarement bien faits.

Cliquez pour tester le parcours de consentement
Modale de consentement

Pensée pour le RGPD, par catégories, rendue dans un portal. Un interrupteur par catégorie.

React Portal · CSS Interactif
DÉMO · sombre Cliquez pour basculer (effet d’onde)
Sélecteur de thème

Transition soleil→lune avec une onde façon plein écran. Limité à cette carte.

Animations CSS · SVG Interactif
Squelette
Reflet
0%
Progression
Rotation
Vague
États de chargement

Cinq motifs en parallèle : squelette, reflet, progression, rotation, vague.

CSS pur Interactif
Formulaire multi-étapes

Validation à la volée, choix par puces, succès animé.

React Interactif
Visuels bluffants2 composants

Repousser les limites.

Des expériences visuelles qui repoussent les limites du support. 3D, animation, canvas sur mesure : à doser avec parcimonie, mais quand ça colle, ça fait mouche.

cliquez sur un point pour centrer
Globe interactif

Glissez pour le faire tourner. Survolez un point pour l’heure locale. Cliquez pour centrer une ville.

Canvas 2D · Orthographique Version complète
bougez le curseur · cliquez sur les boutons
Effets de curseur

Traînée de comète + boutons magnétiques. Fluide, performant, sur ordinateur uniquement.

Canvas API Interactif
Finitions visuelles3 composants

Le détail en mouvement.

Des démos interactives conçues de A à Z. Aucun widget tiers, aucun raccourci.

Survolez chaque panneau en déplaçant votre curseur. Chaque couche réagit à sa propre profondeur : le premier plan file, l’arrière-plan dérive.

Studio2 composants

Des démos à manipuler.

Glissez, déposez, cliquez : tout réagit. Des composants qui se comportent comme les vrais.

Morpion

Vous jouez les X, il joue en second. Il explore toutes les parties possibles : impossible de le battre, au mieux match nul.

Minimax · Imbattable Interactif

L’interface n’est que la moitié visible.

Derrière chacun de ces composants se cache ce qui décide si un produit tient face au trafic réel : l’architecture, les déploiements, le monitoring.