humanspeak/svelte-motion
Framer Motion for Svelte 5. Declarative motion.<tag> components with AnimatePresence exit animations, gestures (hover, tap, drag, focus, in-view), variants, FLIP layout animations, shared-layout transitions, spring physics, and scroll-linked motion values. The drop-in Framer Motion alternative for Svelte and SvelteKit.
Star History
Add Live Star History & Verified Badges to README.md
Keep your repository README looking professional and dynamic. As our continuous crawler records new stars, these official SVG badges update in real time with zero maintenance.
Renders your high-resolution star trajectory chart right inside your GitHub README or project docs.
[](https://githubrepo.cloud/repo/humanspeak/svelte-motion?utm_source=readme_chart)Compact Shields-style badges for your README header. Shows real-time stars and global ranking.
[](https://githubrepo.cloud/repo/humanspeak/svelte-motion?utm_source=readme_badge) [](https://githubrepo.cloud/repo/humanspeak/svelte-motion?utm_source=readme_badge) [](https://githubrepo.cloud/repo/humanspeak/svelte-motion?utm_source=readme_badge)Momentum
+10
STARS · LAST 30 DAYS
1
PER DAY
#1,648
MOST-STARRED TypeScript
| Window | 7 days | 30 days | 90 days |
|---|---|---|---|
| Stars gained | +1 | +10 | +90 |
| Per day | 1 | 1 | 1 |
| Forks gained | +0 | +3 | +10 |
svelte-motion gained 10 stars in the last 30 days, about 1 a day, and now has 103. It is about 2 years old and has averaged roughly 52 stars a year. It ranks #1,648 among TypeScript repositories and #16,093 across all languages on GitHubRepo.
Trending Record
15
DAYS ON TRENDING
#8366
BEST RANK
Sep 30, 2026
FIRST APPEARANCE
Active
STATUS TODAY
svelte-motion has maintained a continuous presence across global trending indexes, peaking at #8366. Below is the 30-day activity profile:
💡 Overview
svelte-motion is an open-source project written in TypeScript: Framer Motion for Svelte 5. Declarative motion.<tag> components with AnimatePresence exit animations, gestures (hover, tap, drag, focus, in-view), variants, FLIP layout animations, shared-layout transitions, spring physics, and scroll-linked motion values. The drop-in Framer Motion alternative for Svelte and SvelteKit.
Engineered for speed, consistency, and developer ease, it solves common hurdles in animate-presence, animation, animation-library. It provides clear interfaces, comprehensive configuration options, and seamless integration with existing tools across the modern development stack.
⚡ Key Features
Optimized execution pipeline written in TypeScript for predictable speed.
Zero-friction configuration with comprehensive sensible defaults out of the box.
Cross-platform runtime support across Linux, macOS, and Windows environments.
Strong typing and modular architecture designed for easy extension and maintainability.
Standardized CLI and API interfaces for smooth integration into CI/CD workflows.
Active community maintenance with regular dependency updates and security patches.
📥 Installation
$ npm install svelte-motion⚙ System Requirements
Platforms
- • macOS
- • Linux
- • Windows
Runtime & Dependencies
Node.js >= 18, npm, pnpm or bun
Architecture
x86_64, ARM64 (Apple Silicon & Graviton)
🧠 How It Works
svelte-motion coordinates its core functionality through a modular TypeScript pipeline. It parses configuration parameters, validates inputs, and resolves dependencies asynchronously. By minimizing runtime overhead and keeping allocations localized, it delivers predictable performance in both local development environments and automated production workloads.
🎯 Production Use Cases
Production System Integration
Embed svelte-motion into TypeScript backend services to handle core application logic.
CI/CD Automated Pipelines
Run automated validation, builds, and integration suites during deployments.
Developer Tooling & Workflows
Accelerate developer onboarding with pre-configured project utilities.
Open Source Extension
Fork and customize internal modules under the repository's open MIT license.
🚀 Getting Started
Install svelte-motion using your package manager: `npm install svelte-motion`
Initialize your project workspace or configuration file for svelte-motion.
Import svelte-motion into your codebase or invoke it directly from your terminal.
Execute your test suite or run `svelte-motion --help` to verify successful setup.
👍 Strengths
⚠️ Considerations
⇄ Alternatives & Direct Competitors
👥 Who Should Use This
Developers and engineering teams building with TypeScript, seeking reliable, tested, and actively maintained tooling for production workloads.
🏆 Nearby in the Rankings
humanspeak/svelte-motion is currently ranked #16,093 by stars across every repository tracked on GitHubRepo. These are adjacent projects:
| Rank | Repository | Language | Stars | Action |
|---|---|---|---|---|
| #16,039 | llros007/lerobot_android | Python | ★ 104 | Compare ↗ |
| #16,039 | sybil-solutions/dsv41-flash-offload | Python | ★ 104 | Compare ↗ |
| #16,039 | hashcott/ghostline | Go | ★ 104 | Compare ↗ |
| #16,039 | fudan-generative-vision/Remory | Python | ★ 104 | Compare ↗ |
| #16,039 | MirroS-Lab/AgentGarten | Python | ★ 104 | Compare ↗ |
| #16,093 | humanspeak/svelte-motion This Project | TypeScript | ★ 103 | |
| #16,093 | caged/lighthouse-api | Ruby | ★ 103 | Compare ↗ |
| #16,093 | purcell/darcs-to-git | Ruby | ★ 103 | Compare ↗ |
| #16,093 | yfactorial/utility_scopes | Ruby | ★ 103 | Compare ↗ |
| #16,093 | aquasync/ruby-msg | Ruby | ★ 103 | Compare ↗ |
| #16,093 | ragnard/redis-clojure | Clojure | ★ 103 | Compare ↗ |
Frequently Asked Questions
What does svelte-motion do? +
Framer Motion for Svelte 5. Declarative motion.<tag> components with AnimatePresence exit animations, gestures (hover, tap, drag, focus, in-view), variants, FLIP layout animations, shared-layout transitions, spring physics, and scroll-linked motion values. The drop-in Framer Motion alternative for Svelte and SvelteKit.
What language is svelte-motion written in? +
The primary language is TypeScript. Topics include: animate-presence, animation, animation-library, drag, framer-motion.
Is svelte-motion actively maintained? +
Yes, the last recorded push was on Oct 12, 2026 with 4 open issues being tracked.
How many stars does svelte-motion have? +
svelte-motion has 103 stars and 4 forks on GitHub.
How does svelte-motion rank among GitHub repositories? +
With 103 stars, humanspeak/svelte-motion is ranked #16,093 globally across all repositories tracked on GitHubRepo and #1,648 among TypeScript projects.
What license is svelte-motion distributed under? +
The repository reports a MIT license. Always verify the repository LICENSE file for legal terms.
