🛠️ Splat Tools

🎨

Available

Lottie Animation Preview

Upload and preview Lottie JSON animation files with real-time playback controls.

• Drag & drop upload
• Playback controls (Play/Pause/Stop)
• Speed adjustment (0.1x - 3.0x)
• Loop toggle

Open Tool →

⚛️

Available

React JSX Preview

Upload and preview React JSX component files with live rendering in the browser.

• Drag & drop .jsx upload
• In-browser Babel compilation
• Live React rendering
• Export as PDF, PNG, HTML, or scrolling MP4 video

Open Tool →

📐

Available

SVG Editor

Upload, preview, edit and export SVG files with element tree, properties panel and optimizer.

• Drag & drop upload / paste SVG code
• Preview with zoom, pan & background options
• Element tree & property editing
• SVG optimization with size comparison
• Export: SVG, PNG, React JSX, Vue SFC, Data URI

Open Tool →

🎨

Available

Color Palette Generator

Comprehensive color tool for picking, converting, gradient building, and accessibility checking.

• Multi-format color picker & converter
• Design system YAML viewer (light/dark)
• Gradient builder with presets
• Palette harmony & tint/shade scale
• WCAG contrast checker
• Color blindness simulator

Open Tool →

🌐

Available

HTML Preview

Upload, paste, or write HTML to instantly preview with live editing and responsive viewport simulation.

• Drag & drop or paste from clipboard
• Live editor with instant preview
• Responsive viewport (Desktop / Tablet / Mobile)
• Export as PDF, PNG, HTML, or scrolling MP4 video

Open Tool →

🎬

Available

AI Matting Explainer

Illustrated guide to AI video matting: SAM, Matting, VMM — principles and workflows explained.

• Interactive visual explanations
• Three matting approaches compared
• Chinese & English content

Open Tool →