Muvize v1.6 — Presets, Animations, Sounds & New Studio Workflows

Muvize v1.6 — Presets, Animations & New Visualizers

This release introduces a preset-driven workflow, Lottie animation support, and a wave of new visualizer types — giving creators more building blocks without sacrificing performance.

What's New

Preset System

The old user-preset system has been replaced with a curated preset architecture:

• Preset gallery — Browse and apply pre-built project presets from a new "Presets" tab in the media panel
• Admin preset creation — Admin users see a "Save Preset" button in the studio header to publish the current project state as a reusable preset
• Content replacement — Image, Audio, and Video clips now have a "Replace Content" button in the properties panel, letting you swap media without losing position, effects, or timing

Lottie Animation Support

Muvize now supports Lottie JSON animations as first-class timeline clips:

• Drag & drop — Drop Lottie animations from the media panel onto the timeline
• Canvas rendering — Animations render frame-by-frame on the canvas using progress-based playback synced to the timeline
• Export support — Lottie clips export correctly via the async renderer with proper transform, opacity, and scale

8 New Visualizer Types

The visualizer library expands from 8 to 17 types:

• Music Player Classic — Full card UI with album art, transport controls, and animated progress bar. Customizable track name, artist, album color, and progress color.
• Music Player Minimal — Editorial/magazine-style player with bold typography and accent waveform bars.
• Music Player Vinyl — Spinning vinyl record with tonearm animation and warm accent colors.
• Countdown Digital — LED dot-matrix countdown timer with configurable color and dot spacing.
• Countdown Minimal — Clean circular progress countdown with label text.
• Countup Timer — Stopwatch/live timer with millisecond precision display.
• Timestamp Ticker — Broadcast-style timecode display (HH:MM:SS:FF format).
• Spectrum Analyzer — Pro studio spectrum analyzer with frequency band visualization.
• 3D Fluid — Perspective-projected 3D terrain/fluid that deforms with audio. Supports 4 wave effects (wave, ripple, pulse, terrain), 4 fill modes (grid, dots, solid, wireframe), 3 shape masks (circle, oval, diamond), full camera rotation (X/Y/Z), zoom, density, amplitude, glow intensity, and audio reactivity controls.

Each new visualizer has full property controls, PNG preview thumbnails in the media panel, and works in both live preview and export.

Custom Font Picker

The third-party font picker library (react-fontpicker-ts-lite) has been replaced with a custom-built component:

• Design system native — Uses the app's Popover and styling tokens instead of CSS override hacks
• Lazy loading — Google Fonts list fetched only when the dropdown first opens, cached for subsequent uses
• Virtualized list — Only visible items render in the DOM, handling 1500+ fonts without jank
• Lazy font preview — Each font loads its CSS via IntersectionObserver only when scrolled into view, using minimal character subsets
• Search — Built-in fuzzy search to quickly find any Google Font
• Custom fonts — Uploaded fonts still appear in a dedicated section at the top
• Async font loading — Selecting a font now loads the full stylesheet and awaits document.fonts.load() before updating the clip, preventing canvas rendering crashes from unloaded fonts
• Quoted font families — Multi-word font names (e.g., "Open Sans") are now properly quoted in all ctx.font assignments across both live preview and export renderers

Built-in Samples & Sounds

• Sound effects tab — New "Sounds" tab in the media panel with built-in audio samples (SFX, background music)
• Sample files in library — Built-in samples now appear in the Library page under a "Built-in Samples" section with grid/list views
• Library modal integration — Samples are searchable and filterable alongside user-uploaded media

Shape Masks for Image & Video Clips

A new mask system lets you clip images and videos to geometric shapes:

• 9 mask shapes — Circle, Rectangle, Rounded Rectangle, Triangle, Pentagon, Hexagon, Star, and Heart
• Toggle-based activation — Mask is enabled/disabled via a switch, not a "None" selection
• Position offset — X and Y sliders to reposition the mask center independently of the clip
• Inset control — Shrink the mask inward (0–40%) for padding effects
• Border radius — Adjustable corner radius for the Rounded Rectangle shape
• Canvas clip path rendering — Masks are applied as clip paths in the rendering pipeline for both preview and export

Visual Effects Panel (Reflection, Drift, Colorize)

New per-clip visual effects for Image and Video clips:

• Reflection (Kaleidoscope) — 2-Way (horizontal symmetry) or 4-Way (quadrant mirror) kaleidoscope effect using canvas clip regions
• Drift — Continuous animated movement with configurable X/Y distance, rotation, scale oscillation, speed, and audio reactivity
• Colorize — Tint overlay with color picker and intensity slider using canvas "color" composite operation
• Toggle-based — Each effect has its own enable/disable switch
• Live preview — All effects render in real-time on the canvas; drift responds to audio beat

Blur Effect for Image & Video Clips

A dedicated blur panel for Image and Video layers with multiple blur algorithms:

• Three blur types — Gaussian (smooth natural blur), Box (uniform spread), and Radial (center stays sharp, edges blur progressively)
• Adjustable strength — Slider from 0–50px for fine-grained control over blur intensity
• Toggle-based — Enable/disable without losing your settings
• Stacks with other effects — Blur combines with beat reactivity, background blur, and all other visual effects in the rendering pipeline

Library Media Playback Preview

Audio and video files in the library now support inline playback preview:

• Play/pause controls — Overlay play button on media cards and list rows for quick auditioning
• Audio playback — HTMLAudioElement-based playback directly from library grid and list views
• Video playback — HTMLVideoElement preview with play/pause toggle on video media cards
• State management — Playback state tracked per-item so only one file plays at a time

Spectrum Analyzer Opacity

• Per-visualizer opacity — Spectrum Analyzer now has a dedicated opacity slider in its Settings section, allowing it to blend subtly over backgrounds without affecting other visualizer types

New Presets

Four new presets added to the gallery:

• Bloody Knight — Dark anime-style warrior silhouette with shattered red crystal fragments and a glowing circular visualizer
• Golden Sync — Vinyl record player aesthetic with anime artwork, golden ring accents, and song title overlay
• Sunset Pink — Vaporwave sunset with pink and purple gradient, bar visualizer, and retro-styled title text
• The Red Baron — Intense red and black shattered glass aesthetic with a waveform visualizer and dark dramatic atmosphere

Project Persistence Improvements

• Thumbnail reliability — Double-rAF ensures the canvas has rendered a fresh frame before capturing thumbnails
• Tainted canvas handling — Gracefully skips thumbnail capture when cross-origin images taint the canvas
• Minimum size check — Only saves thumbnails larger than 1KB to avoid storing blank captures

Pricing Page Cleanup

• Removed the "Accepted payment methods" section (QRIS / Visa badges) from the pricing page

Playground Removed

The /playground page and /playground/[id] editor have been removed entirely. The studio now includes built-in presets and presets that cover the same use case with more flexibility, making the playground redundant and over-maintenance.

• Landing page CTA buttons updated to point to /studio instead of /playground