made with Svelte

Motion Core

Open-source Motion Components

Visit Site

Description

Open-source Motion Components

"Motion Core is an open-source registry of production-ready motion components for Svelte 5. Instead of installing a bloated npm package, developers use a CLI to pull individual components directly into their codebase—fully typed, styled with Tailwind v4, and built with Svelte 5 runes. Think magnetic buttons, text loops, glass panes, and fluid transitions.

The philosophy is simple: you should own your animation code. Grab what you need and modify it to fit your design system.

The entire project is built with Svelte 5 from the ground up. Each component is a standalone .svelte file with full TypeScript support. The CLI is written in Rust for speed and reliability—it handles fetching components from the registry, resolving dependencies, and scaffolding the proper directory structure in your Svelte project. The documentation site is also built with SvelteKit, showcasing each component with live, interactive examples."


Creator

Marek Jóźwiak
@madebyhex


Social Media Links

dotLottie for Svelte Rendering Lottie Animations
icon-eye-dark Created with Sketch. 792
shadcn-svelte-extras Additional Shadcn UI Components
icon-eye-dark Created with Sketch. 1.562
Sentry for Svelte Svelte Error & Performance Monitoring
🧡 Sponsored by Friends
We’re hosting on Digital Ocean! 💙 Try it today and get a free $100 credit.
Svelte Rate it Rating component
icon-eye-dark Created with Sketch. 2.506
Coastal UI Svelte UI Library
icon-eye-dark Created with Sketch. 3.667