Automating SVG and Lottie Recoloring: Introducing Grafeum

Hi Everyone,

Managing and updating vector assets can often become a tedious part of the frontend development workflow. To address this, we recently built a web app called Grafeum. It is a lightweight vector color editor specifically designed to handle the repetitive parts of asset management.

The Problem It Solves

The core feature enables developers and designers to upload any SVG or Lottie JSON file and instantly map it to an exact color palette.

Instead of manually searching for and replacing hex codes on individual paths, or digging through complex JSON animation frames, the engine automates the entire recoloring process with a single click.

The Architecture

We built the main application using React and Vite. This allows us to handle the parsing and mapping of the SVG and Lottie data structures quickly and efficiently on the client side.

Seeking Feedback

Given the community's expertise in frontend development and understanding of the practical hurdles professionals face with UI assets, I would greatly value your feedback on the project.

You can try the live build here: www.grafeum.com

Please let me know if you find that Grafeum could save time in your project workflows, or if you have any feedback on the tool's performance and usability.