Free online tool to make Lottie text editable. Fixes glyph-baked Bodymovin exports from After Effects so you can change text dynamically in code, apps & websites.
How to Use the Lottie Text Fix Tool?
1. Upload Your Lottie JSON
• Export your animation from After Effects using the Bodymovin plugin as usual. • Drag and drop the .json file into the tool, or click to browse (e.g., hero-animation.json). • Your file is processed locally in your browser — nothing is uploaded or stored.
2. Review the Automatic Fixes
• The tool detects and removes the baked chars glyph array that blocks text editing. • Broken line breaks from Bodymovin are repaired automatically. • Missing fonts are auto-fetched from Google Fonts and embedded directly into the JSON.
3. Check Fonts & Test Your Text
• Each font shows a status: embedded (best), linked CSS, or no source. • If a font wasn't found, click "Fetch from Google Fonts" or upload your own .ttf/.otf/.woff file. • Type into any text layer to see it update in the live preview — this confirms your text is truly editable.
4. Download & Use the Fixed JSON
• Click "Download Fixed JSON" to save your animation (e.g., hero-animation-fixed.json). • Drop it into your website, app, or Lottie player — text layers can now be changed in code. • Update text at runtime, e.g. with lottie-web's updateDocumentData() or your platform's Lottie API.