Is your feature request related to a problem? Please describe.
Currently, the CommitPulse generator outputs a static SVG image (with some CSS animations) that represents the current state of your commit history.
The Feature:
Add an "Export Time-Lapse" button to the Customization Studio. This would generate a short, 5-to-10-second animated GIF or MP4 video. The animation would start with a flat, empty grid and rapidly "build" the city blocks day-by-day (e.g., from January 1st to December 31st), showing the monolith growing over time.
Why it works:
Built for Social Media: While SVGs are perfect for dropping into a GitHub README.md, they aren't great for social media. Developers love sharing their progress in the "Build in Public" space. A satisfying, fast-paced video of their digital city constructing itself over a year is highly shareable and tailored perfectly for Twitter/X, LinkedIn, and Instagram.
Visualizes Consistency: It emphasizes the journey of the developer's streak rather than just the final result, making the visualization feel much more dynamic.
Describe the solution you'd like
I would like an "Export Time-Lapse" button added to the Customization Studio. Instead of just exporting a static SVG for a GitHub README, this feature would generate a short (5-10 second) animated video (MP4 or GIF).
The animation would start with a flat isometric grid and rapidly "build" the user's city blocks day-by-day chronologically over the selected time period (e.g., a year in review).
Why this is valuable: SVGs are perfect for GitHub READMEs, but they are terrible for social media (Twitter/X, LinkedIn) because those platforms strip SVG animations or don't render them at all. Developers love to share their "Build in Public" progress. Giving them a satisfying, fast-paced video of their digital city constructing itself would act as a massive viral marketing loop for CommitPulse.
Describe alternatives you've considered
Relying purely on SVG/CSS Animations: While we can animate the SVG on load (which looks great on the web), social media sites do not support SVG animations in their feed. When shared, it just becomes a static image.
Asking users to screen-record: We could instruct users to use third-party screen recording software to capture the animation as it loads on the website. This creates a terrible user experience, introduces too much friction, and results in poor-quality videos with inconsistent cropping.
Using a library like Remotion: Instead of rendering the GIF/Video server-side, we could use a React-based video generation library like Remotion to render the time-lapse directly in the browser and allow the user to download it. This might be a highly viable technical alternative to heavy server-side rendering.
Is your feature request related to a problem? Please describe.
Currently, the CommitPulse generator outputs a static SVG image (with some CSS animations) that represents the current state of your commit history.
The Feature:
Add an "Export Time-Lapse" button to the Customization Studio. This would generate a short, 5-to-10-second animated GIF or MP4 video. The animation would start with a flat, empty grid and rapidly "build" the city blocks day-by-day (e.g., from January 1st to December 31st), showing the monolith growing over time.
Why it works:
Built for Social Media: While SVGs are perfect for dropping into a GitHub README.md, they aren't great for social media. Developers love sharing their progress in the "Build in Public" space. A satisfying, fast-paced video of their digital city constructing itself over a year is highly shareable and tailored perfectly for Twitter/X, LinkedIn, and Instagram.
Visualizes Consistency: It emphasizes the journey of the developer's streak rather than just the final result, making the visualization feel much more dynamic.
Describe the solution you'd like
I would like an "Export Time-Lapse" button added to the Customization Studio. Instead of just exporting a static SVG for a GitHub README, this feature would generate a short (5-10 second) animated video (MP4 or GIF).
The animation would start with a flat isometric grid and rapidly "build" the user's city blocks day-by-day chronologically over the selected time period (e.g., a year in review).
Why this is valuable: SVGs are perfect for GitHub READMEs, but they are terrible for social media (Twitter/X, LinkedIn) because those platforms strip SVG animations or don't render them at all. Developers love to share their "Build in Public" progress. Giving them a satisfying, fast-paced video of their digital city constructing itself would act as a massive viral marketing loop for CommitPulse.
Describe alternatives you've considered
Relying purely on SVG/CSS Animations: While we can animate the SVG on load (which looks great on the web), social media sites do not support SVG animations in their feed. When shared, it just becomes a static image.
Asking users to screen-record: We could instruct users to use third-party screen recording software to capture the animation as it loads on the website. This creates a terrible user experience, introduces too much friction, and results in poor-quality videos with inconsistent cropping.
Using a library like Remotion: Instead of rendering the GIF/Video server-side, we could use a React-based video generation library like Remotion to render the time-lapse directly in the browser and allow the user to download it. This might be a highly viable technical alternative to heavy server-side rendering.