CSS Wave Generator - Online Animated SVG & Keyframes
Create smooth, animated CSS waves (like water or sound) by adjusting amplitude, colors, and speed. Copy the ready‑to‑use SVG/CSS code.
UD5 Toolkit
Snap frames from your video & animate them into a smooth GIF — free, instant, no upload to server.
Drag & drop your video here
or click to browse — MP4, WebM, MOV, AVI (up to 200MB)
This tool lets you extract individual still frames from any video and combine them into an animated GIF. Unlike screen recording, you get pixel-perfect captures at specific timestamps, giving you full control over which moments appear in your animation. Everything happens locally in your browser — no video data is ever uploaded to any server.
For smooth animation, aim for 8–15 frames per second of desired GIF duration. At 200ms delay (5 fps), capturing 10 frames yields a 2-second GIF. More frames mean smoother motion but larger file size. For cinematic "cinemagraph" style GIFs, 3–5 well-chosen frames with longer delays can look stunning.
All major formats are supported including MP4 (H.264), WebM, MOV, AVI, and MKV. Support depends on your browser — Chrome and Edge handle nearly all formats, while Safari works best with MP4. For maximum compatibility, use MP4 files with H.264 video codec.
Several strategies help: (1) reduce output width — 480px is optimal for social media; (2) capture fewer frames with longer delays; (3) choose frames with less motion and simpler backgrounds; (4) avoid frames with gradients or noise. File size grows with each additional frame, so curate your selection carefully.
Frames are played in the order they were captured. If you need a specific sequence, capture frames in that order as you scrub through the video. You can delete individual frames anytime by hovering over a thumbnail and clicking the red X. Clearing all frames lets you start fresh.
Yes! The tool is fully responsive. On mobile, upload a video from your camera roll, tap to play/pause, and use the Snap! button to capture frames. The frame grid stacks neatly on smaller screens. For best results on mobile, use shorter video clips under 50MB.
Absolutely private. All video processing happens entirely within your browser using HTML5 Canvas and JavaScript. Your video never leaves your device — no uploads, no cloud processing, no server storage. You can use this tool offline after the page loads.
Screen recorders capture your display at whatever quality your screen renders. This tool extracts frames directly from the video source at full resolution, giving you superior quality without compression artifacts from screen capture. You also get precise frame-level control that screen recorders can't match.
Create smooth, animated CSS waves (like water or sound) by adjusting amplitude, colors, and speed. Copy the ready‑to‑use SVG/CSS code.
Use your webcam to record a video clip and download it as WebM. Adjust resolution. Works offline. Privacy‑friendly.
Use your webcam to record a video clip and download it as WebM. Adjust resolution and see a preview. Works offline.
Convert between emoji characters and their shortcode representations (e.g., :tada: to 🎉). Supports Slack and GitHub styles.
Draw and edit SVG vector graphics in the browser. Basic shapes, text, and freehand. Export raw SVG code or as a file. No server, fully local.
Create a 'drawing' effect for any SVG path. Adjust speed and delay. Copy the CSS and SVG code. No JS needed.
Paste an HTML snippet and convert it into an SVG image that visually replicates the DOM. Useful for creating static snapshots. Local canvas rendering.
Convert HTML to plain text while preserving paragraph breaks. Remove images, links, and scripts. Quick data extraction.
Sign a message with a private key and verify the signature with the public key. Learn digital signature flow.
Encrypt and decrypt text using the browser's Web Crypto API. Supports AES‑GCM and subtle key generation. No server required.
Transform normal sentences into cutesy UwU speak. Customizable intensity. Internet fun.
Map CSV columns with latitude/longitude to GeoJSON points. Create map‑ready data instantly. All local.
Parse an SVG path’s d attribute and list all the commands and absolute coordinates. Convert relative to absolute. Local.
Paste a data: URL and instantly download the file it represents. Supports all MIME types. Simple extraction.
Convert standard Markdown into Slack’s mrkdwn format. Fixes bold, italic, and lists for perfect Slack message formatting.
Create a fake WhatsApp/iMessage chat screenshot. Customize names, messages, and timestamps. Just for fun.
Create vertically oriented text layouts with `writing‑mode`. See the effect and copy the complete CSS. For vertical languages.
Assign a CSS class to any emoji and generate a snippet that displays the emoji as a background image or pseudo element. Useful for icon systems.
Upload multiple SVGs and combine them into a single icon font (TTF, WOFF). Also get the CSS classes. Client‑side conversion.
Attempt to detect your current DNS resolver IPs using DNS‑leak test queries. Educational. Privacy‑friendly.
Turn every line of a text file into a separate JSON object in a JSONL file. Configure key name and add line numbers. Perfect for data importing.
Create a realistic fake text message conversation. Choose iOS or Android style, set contact name, messages, and times. For laughs.
Load a GIF and adjust playback speed. Save modified GIF. Pure client-side processing.
Play any video at 0.25x to 4x speed. Save the modified speed as a new file. Perfect for analysis or fun.
Trim a video clip and convert it into an animated GIF. Adjust frame rate and size. All local. No watermark.
Change how many times an animated GIF loops. Set to infinite or a specific number. Download the modified GIF.
Load a video and visually check if audio aligns with lips. Use frame‑by‑frame stepping. Debug playback issues.
Set start and end times for a video and trim it without re-encoding. Download the clip. Pure browser.
Convert video files between common formats using FFmpeg WASM. No upload required; all processing stays in your browser.
Convert short video clips to GIFs with adjustable resolution, frame rate, and dithering. Preview before download. All local.