Changelog

0.4.1

July 30, 2025

Timeline and background improvements

⚡ Changes

  • Simplified the timeline interface
  • When uploading an image for the first time, it now automatically use a default background image
  • Small improvement on the preview whith scrollbar when high zoom is used
  • Added easing preview on the sidebar

🐛 Fixes

  • Perfomance fixed for large backgrounds

0.4.0

July 20, 2025

Quality of life improvement and several fixes

Paste image

You can now paste image from clipboard instead of uploading it.

Paste image - SublimeFrame animated image creator feature preview showing paste image functionality

Social size presets

We added more size presets and you can now select from popular social media options like Instagram, TikTok, YouTube, Twitter, Facebook and others.

Social size presets - SublimeFrame animated image creator feature preview showing social size presets functionality

⚡ Changes

  • Imported images are now automatically resized to fit the canvas dimensions
  • Videos are now exported at 60 fps by default
  • The exported image format is now jpg instead of png

🐛 Fixes

  • Shadow effect is now working correctly
  • You can now add new elements even when not in video mode
  • The canvas is now responsive and will scale correctly to the size of the container

0.3.0

July 17, 2025

WebGL rendering engine - Enhanced performance and visual quality

WebGL-accelerated canvas rendering

Replaced 2d canvas with WebGL canvas for hardware-accelerated rendering. This provides significantly better performance, especially for complex animations with multiple elements and effects.

Add multiple elements in the timeline

You can now add image and shape objects (rectangle, circle) to your animation. This makes it easier to build complex scenes or images.

Advanced animation easing controls

Added professional animation timing options including linear, ease-in, ease-out, ease-in-out, cubic, bounce and elastic effects. Each keyframe can now have its own animation style, giving you precise control over how elements move and change between frames.

Advanced animation easing controls - SublimeFrame animated image creator feature preview showing advanced animation easing controls functionality

Canvas size presets and custom dimensions

Choose from popular format presets like square (1:1), story (9:16), widescreen (16:9), classic (4:3) and photo (3:2) ratios, or set custom dimensions. Includes aspect ratio locking to maintain proportions when resizing one dimension.

Canvas size presets and custom dimensions - SublimeFrame animated image creator feature preview showing canvas size presets and custom dimensions functionality

⚡ Changes

  • All element properties have been redesigned and refined for better control and precision
  • Smoother real-time preview with better performance during animation playback
  • New list of beautiful wallpaper presets for image background
  • Removed GIF support to allow exporting only beautiful video and not pixelized GIF.
  • Migrated from HTML5 Canvas to PIXI.js WebGL rendering engine
  • Implemented hardware-accelerated DropShadowFilter for shadow effects

0.2.0

July 10, 2025

Complete rewrite - New animation editor

Keyframe-based timeline system

Create animations using a keyframe-based timeline. Add keyframes at any point, adjust timing, and control easing functions for smooth transitions. The timeline supports multi-element animations with independent timing controls for each element.

Keyframe-based timeline system - SublimeFrame animated image creator feature preview showing keyframe-based timeline system functionality

Canvas editor with real-time preview

Design animations on a canvas with real-time preview. Includes multiple viewport sizes (400x300px and 800x600px), zoom controls, and visual feedback during editing. The canvas updates automatically when timeline properties are modified.

Background customization

Choose from three background options: solid colors with a color picker, linear and radial gradients with customizable angles and color stops, or custom background images. All background types support real-time preview and can be animated across keyframes.

Background customization - SublimeFrame animated image creator feature preview showing background customization functionality

Image element management and styling

Import and style images with controls for shadows (size and opacity), border radius, background colors, and inset padding. Images can be positioned, scaled, rotated, and animated independently on the timeline.

Transform animations with easing

Animate elements with transform controls including position (X/Y coordinates), scale, rotation, and opacity. Multiple easing functions are available (linear, ease-in, ease-out, ease-in-out). All transforms can be keyframed and interpolated across the timeline.

Multi-format export

Export animations in multiple formats: static images for single frames, GIFs for web use, or video formats (MP4 and WebM). Configurable frame rates (30fps or 60fps), quality settings (high, medium, low), and looping options.

⚡ Changes

  • Replaced CSS animations with HTML canvas rendering for better performance and control
  • Redesigned architecture to support multiple elements (not limited to single background and image)
  • Switched to a new web framework for simplicity (React Router 7)
  • Rebuilt data management system for improved app performance
  • Enhanced video processing capabilities for higher quality exports

0.1.0

March 1, 2024

Initial release

Image animation export

FFmpeg-based animation generation for creating animated images with basic effects such as zoom and directional movement. Animations can be exported and embedded in web pages.

Element styling and positioning

Styling capabilities including background customization (solid colors and gradients), image upload and positioning, transform controls for scale and rotation, and animation properties. Elements can be animated by adjusting positions, colors, and visual properties over time.

Animation timeline

Timeline interface for creating animations with keyframe support. Provides the foundational structure for animation creation with basic controls.

⚡ Changes

  • Built using modern web development framework (NextJS)
  • Integrated video processing library for animation creation (FFmpeg)
  • Implemented canvas technology for animation preview