| motion-framer-patterns |
PatternsSnippets et patterns prêts à l'emploi pour la librairie Motion (ex-anciennement Framer Motion) pouren React : enter/exit, layout animations, shared elements, gestures, reduced motion…animations… |
| motion-gsap-scrolltrigger |
PatternsSnippets et bonnes pratiques GSAP + ScrollTrigger pour animer au scroll : reveals,reveals pinning,progressifs, scrub,pinning timelines,d'éléments, cleanup,scrub refreshlié sur changements de layout.au… |
| motion-perf-audit |
AuditerDiagnostic desciblé animationsd'une (jank,animation qui rame ou d'un scroll saccadé, CPUavec haut)identification etde produirela un plan correctif priorisécause (compositing, layout thra…thrashing,… |
| motion-system |
ConcevoirConçoit un motion system cohérentcomplet pour un projet : principes directeurs, tokens (principes,durations/easings/distances), tokens,6 patterns) et le livrer sous forme de règles + snippets réutilisa…patterns… |
| motion-three-r3f |
MotionGuide pratique pour intégrer de la 3D :web avec Three.js +et React Three Fiber.Fiber sans plomber la performance, en maîtrisant la boucle… |
| motion-tokens |
GénérerGénère desun motionjeu de tokens d'animation (durées, easings, distances) versionnables en JSON + CSSvariables variables)CSS, etavec mappingsmapping pourprêt Motion/GSAP afin d’unifier tout le projet.pour… |
| motion-view-transitions |
ImplémenterImplémente les View Transitions natives du navigateur (SPA/SPA ou MPA) +avec shared element transitionselements, en progressive enhancement,enhancement avec— reduced-motion et f…variante… |
| motion-visual-regression |
MettreMet en place des tests visuels Playwright (Playwrightgolden screenshots) pour stabiliser le motion et détecter lesautomatiquement régressionsquand enune CI.animation casse ou quand… |
| reduced-motion-a11y |
ConcevoirConçoit une stratégie prefers-reduced-motion (prefers-reduced-motion) + variantescomplète pour limiterque leles motionutilisateurs sicknesssensibles sansau cassermouvement (vertige, migraines)… |
| view-transitions |
ImplémenterImplémente l'API View Transitions du navigateur en progressive enhancement pour ajouter des transitions de pages via View Transition API en progressive enhancementfluides (fallback safe). À utiliser pour…fade,… |
