https://www.motion-components.dev/blog/ Releases, guides and recipes for motion-components, spring-based web components for animation. en Mon, 05 Oct 2026 00:00:00 GMT https://www.motion-components.dev/blog/motion-charts/ https://www.motion-components.dev/blog/motion-charts/ motion-chart, motion-pie and motion-sparkline draw charts from an HTML attribute or a table. Bars grow, lines draw in, pies sweep in, and every change in the data springs into place. Mon, 05 Oct 2026 00:00:00 GMT release components charts https://www.motion-components.dev/blog/motion-state-icons/ https://www.motion-components.dev/blog/motion-state-icons/ motion-icon-state morphs an icon between two states with spring physics. Eight icons, two ways to switch them, and complete recipes for menu, copy, save, password and accordion buttons. Sun, 04 Oct 2026 10:00:00 GMT components icons recipes https://www.motion-components.dev/blog/motion-icons/ https://www.motion-components.dev/blog/motion-icons/ motion-icon draws in, pops, bounces, rotates, wiggles or pulses any SVG icon from Lucide, Tabler, Heroicons, Material Symbols, Font Awesome and more. motion-icon-state morphs between two states on a spring. Sat, 03 Oct 2026 00:00:00 GMT release components icons https://www.motion-components.dev/blog/motion-components-0-7-theme-toggle/ https://www.motion-components.dev/blog/motion-components-0-7-theme-toggle/ Version 0.7 adds motion-theme-toggle, a light, dark and system theme control with a spring icon morph and an optional circular page wipe. It also upgrades Motion to version 13. Fri, 02 Oct 2026 00:00:00 GMT release components https://www.motion-components.dev/blog/fixing-the-flash-preload-css/ https://www.motion-components.dev/blog/fixing-the-flash-preload-css/ Custom elements upgrade after your JavaScript loads, and entrance animations flash their finished state in the gap. How :defined and one small stylesheet fix it. Sun, 12 Jul 2026 00:00:00 GMT performance web-components https://www.motion-components.dev/blog/animated-hero-section-recipe/ https://www.motion-components.dev/blog/animated-hero-section-recipe/ A landing-page hero with a word-by-word headline reveal, fading subcopy, and staggered call-to-action buttons. No JavaScript beyond one import. Wed, 24 Jun 2026 00:00:00 GMT recipes reveal text https://www.motion-components.dev/blog/why-springs-beat-easing-curves/ https://www.motion-components.dev/blog/why-springs-beat-easing-curves/ Cubic-beziers are drawings; springs are simulations. What that difference means for interruptible UI motion, and how to read the duration and bounce parameters. Fri, 05 Jun 2026 00:00:00 GMT springs motion-theory