Import tweets as screenshots, generate beautiful code snippets, and enjoy improved overlay resize and depth controls.
added
Tweet Import — paste any tweet URL to preview and capture it as a high-res screenshot with light/dark theme toggle
Code Snippet Generator — syntax-highlighted code screenshots with 20+ themes, 20 languages, 10 mono fonts, and customizable font size, border radius, and line numbers
Tweet dark theme uses X's "Lights out" pure black instead of the default blue "Dim" theme
improved
Image overlay resize and rotate handles now work reliably — fixed pointer-events and deselection issues with Moveable controls
Depth section simplified — removed shadow overlays for a cleaner asset picker focused on 3D objects
Main image resize handles no longer deselect when clicked, fixing the resize-on-click bug for code snippets and tweet screenshots
fixed
Input and dropdown padding no longer inflated by global font-size rule — scoped to mobile only for iOS zoom prevention
Overlay context toolbar replaced with a cleaner, universal design (layer toggle, duplicate, delete)
v2.3.0
Annotation Tools, Text Overlay Revamp & UI Polish
Draw arrows, curves, rectangles, circles, and blur regions directly on the canvas. Text overlay controls redesigned. Changelog and landing page refreshed.
added
Annotation tools — draw arrows, curved arrows, lines, rectangles, circles, and blur regions on canvas
Annotations auto-select after drawing for immediate color and stroke editing from the sidebar
Per-annotation editing — click any shape on canvas to change its color and stroke width
Draggable curve control point for curved arrows with guide lines
Blur tool — draw regions on canvas that apply backdrop blur, with per-region intensity control
Stroke width range increased to 24px with preset buttons and fine-control slider
improved
Text overlay controls completely redesigned — compact inline editing, quick color swatches, native font/weight selectors, shadow toggle
Annotate section moved to the top of the Edit panel for faster access
Changelog page redesigned with a cleaner, minimal layout grouped by change type
Video testimonials section now uses a responsive grid supporting multiple videos
Arrow heads redesigned with sleek notched shape and line shortening to prevent overlap
fixed
YouTube embeds on landing page no longer blocked by Cross-Origin-Embedder-Policy headers
Annotation stroke width slider max increased from 8 to 24 — previously too thin on large canvases
v2.2.0
Templates Sidebar, Tab Transitions & Export Fix
Presets moved to a new Templates overlay, tab switching now has smooth transitions, and animation video export accuracy has been fixed.
added
Templates overlay — presets gallery moved from the tab bar to a dedicated slide-in panel accessible via the "Templates" button above tabs
Smooth tab content transitions — switching between Settings, Edit, BG, 3D, and Animate tabs now fades with a subtle slide animation
improved
Right panel tab bar reduced from 6 to 5 tabs for a cleaner layout, with presets accessible from the Templates overlay
Templates overlay opens/closes with a smooth slide-in animation and supports Escape key to dismiss
fixed
Animation video export now captures exact frame values — previously, a CSS transition on the 3D overlay caused exported frames to show smoothed/lagged intermediate values instead of the intended animation
Export frame timing improved with double-RAF technique ensuring React DOM commits are fully painted before each frame capture
v2.1.0
Overlay Resize, Custom Presets & Arc Controls
Resize overlays directly on the canvas, save your own presets, and fine-tune Arc frame borders with new width and opacity sliders.
added
On-canvas resize handles for arrow and sticker overlays — drag any corner to resize (20–800px)
Custom presets — save your current canvas configuration and reuse it later, persisted in local storage
Arc frame width slider (1–20px) and opacity slider (0–100%) in Frames section and Border Controls
improved
Arc frame borders now use dynamic width and opacity instead of hardcoded values across all render paths
fixed
Arc frame opacity and width changes now reflect immediately on the canvas
v2.0.0
Animation & Video Export
Bring your screenshots to life with keyframe animations and export as MP4, WebM, or GIF.
added
Timeline editor with interactive playhead, ruler, and animation tracks
20+ animation presets across 5 categories: Reveal, Flip, Perspective, Orbit, and Depth
Keyframe animation system with 8 easing functions (linear, ease-in, ease-out, cubic, expo)
Real-time animation preview with play, pause, loop, and scrub controls
Video export in MP4, WebM, and GIF formats with quality presets (High/Medium/Low)
Hardware-accelerated encoding via WebCodecs API with FFmpeg WASM fallback
Multi-threaded FFmpeg encoding using SharedArrayBuffer for faster exports
Export progress dialog with real-time frame count and status tracking
Animation preset gallery with category browsing in the right panel
Multi-clip support with overlap handling on the timeline
improved
Editor right panel now includes dedicated Animate tab
Analytics tracking added to editor, timeline controls, CTA, and hero sections
v1.0.0
Complete Revamp
A ground-up rebuild of screenshotstyle.com with a modern stack, new UI, and powerful new features.
added
New editor layout with unified right panel (Settings, Edit, BG, 3D, Animate, Presets tabs)
3D perspective transforms with real-time preview
50+ gradient and solid color backgrounds with blur and noise effects
Device frames: macOS, Windows, Arc-style, and Polaroid borders
Text overlays with 25+ fonts, custom colors, shadows, and positioning
Image overlays with rotation, flip, opacity, and drag positioning
Website screenshot capture via Screen-Shot.xyz (desktop and mobile viewports)
High-res export up to 5x scale in PNG and JPG formats
Undo/redo with unlimited history via Zundo
Design presets for one-click styling
Aspect ratio presets for Instagram, YouTube, Twitter, LinkedIn, and Open Graph
Error boundaries and lazy loading for gradient components
improved
Migrated to Next.js 16 with React 19 and React Compiler
Upgraded to Tailwind CSS 4 with new theming system
State management rebuilt with Zustand + temporal middleware
Landing page redesigned with new hero, features, testimonials, and FAQ sections
SEO-optimized feature pages for screenshot beautifier, social media graphics, animations, and 3D effects