{
  "id": 11356871,
  "title": "I built a free SVG animation editor that exports self-contained, callable .svg files — no runtime, no proprietary format",
  "url": "https://urgent.news/2026/10/02/i-built-a-free-svg-animation-editor-that-exports-self-contained",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-10-02T04:41:30.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/saidev_ac_69c0816924a7676/i-built-a-free-svg-animation-editor-that-exports-self-contained-callable-svg-files-no-runtime-2a5i"
  },
  "original_language": "en",
  "account": "Every vector animation tool restricts output to its runtime, requiring proprietary formats like .riv for Rive and lottie-web for Lottie. SVGMotion aims to reverse this trend by offering a free, open-source editor that generates plain .svg files – files that render and remain interactive across any platform. The platform breaks down into three complementary editors that progressively build on one another:\n\nThe Vector Editor, the core functionality, enables users to create vector animations by converting prompts into editable SVG layers, then animating them through actions, keyframes, and state machines. The editor seamlessly incorporates physics simulations for effects like bounce, roll, tumble, and pendulum, embedding them directly into the keyframe data to keep the exported file lightweight.\n\nFor users seeking more advanced features, the Character Studio provides a specialized environment built on the same engine. It introduces skeleton roles, micro-actions, named macros, and a multi-entity world stage, complemented by an AI director that generates dynamic motion at runtime. It inherits the action/state model from the Vector Editor, allowing for a smooth transition between basic and complex animations.\n\nThe Asset Studio serves as the final piece of the puzzle, catering to developers looking to integrate these animations into real-world applications. After designing or prompting an individual SVG, users can preview it within actual operating system masks and safe zones, then export it as a fully prepared bundle for Xcode, Android, and Progressive Web Apps. All exports share the same scene format and layer pipeline, ensuring seamless compatibility across projects.\n\nThe entire engine is built on vanilla ES modules, devoid of any external framework or build step. AI functionalities are optional and can be self-hosted through BYOK (bring your own key) options with providers such as Ollama, OpenRouter, or OpenAI, with the choice to run locally or in-browser using Llama-3.2-1B. Cloudflare Workers handle hosting, ensuring the service remains free with no sign-up required, no ads, nor watermarks. Visitors can explore a gallery of live exports, all of which are callable .svg files available at https://app.svgmotion.workers.dev/gallery.",
  "summary": "Every vector animation tool makes the same trade: nice editor, but output locked to its runtime. Rive needs .riv , Lottie needs lottie-web . I wanted the opposite — an editor whose export is a plain .svg file that renders anywhere, yet stays interactive and callable from code. So I built SVGMotion — a free, local-first, AI-assisted SVG motion studio, split into three editors that build on each…",
  "key_points": [
    "SVGMotion offers free, open-source SVG animation editor.",
    "Generates plain .svg files for cross-platform compatibility.",
    "No runtime, no proprietary format, fully customizable."
  ],
  "editors_take": "This development means that creators can now produce interactive, platform-agnostic vector animations without being locked into proprietary formats or tied to specific runtimes, gaining flexibility and control over their work.",
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}