Motion for SolidJS,
documented.

A complete reference for every motion-solidjs component, primitive and function — each with a live example you can copy.

motion-solidjs · 47 APIs · 77 examples

Install, variants, layout, drag, gestures, SSR.

motion.*, AnimatePresence, LayoutGroup, Reorder…

useMotion, createAnimate, createSpring, createScroll…

animate, delay, stagger, transform, wrap…

Featured examples

Scroll line 1. The bar tracks scrollYProgress smoothly.

Scroll line 2. The bar tracks scrollYProgress smoothly.

Scroll line 3. The bar tracks scrollYProgress smoothly.

Scroll line 4. The bar tracks scrollYProgress smoothly.

Scroll line 5. The bar tracks scrollYProgress smoothly.

Scroll line 6. The bar tracks scrollYProgress smoothly.

Scroll line 7. The bar tracks scrollYProgress smoothly.

Scroll line 8. The bar tracks scrollYProgress smoothly.

Scroll line 9. The bar tracks scrollYProgress smoothly.

Scroll line 10. The bar tracks scrollYProgress smoothly.

Scroll line 11. The bar tracks scrollYProgress smoothly.

Scroll line 12. The bar tracks scrollYProgress smoothly.

Scroll line 13. The bar tracks scrollYProgress smoothly.

Scroll line 14. The bar tracks scrollYProgress smoothly.

Scroll line 15. The bar tracks scrollYProgress smoothly.

Scroll line 16. The bar tracks scrollYProgress smoothly.

Scroll line 17. The bar tracks scrollYProgress smoothly.

Scroll line 18. The bar tracks scrollYProgress smoothly.

Scroll line 19. The bar tracks scrollYProgress smoothly.

Scroll line 20. The bar tracks scrollYProgress smoothly.