Code tools
- Make demo videos of your web app
Runcast
AI coding plugin that turns one Playwright script into a polished demo video and an end-to-end test
Runcast
- Generate CSS gradients
CSS Gradient
Visual gradient editor that hands you the CSS - linear or radial, any number of stops
CSS Gradient - Style without a build step
- Visualize regex logic
Debuggex
An online tool that generates real-time railroad diagrams for your regular expressions to help understand their logic.
Debuggex - Find SVG icons
- Build games for free
- Start coding with AI agent
- Make websites readable
- Download 3D icons
- Transform data
- Authenticate 2FA
- Run global latency test
- Check browser version
- Customize websites
- Create an app
- Generate CSS only buttons
- Get loader css code
- Generate CSS only accordion sliders
- Convert color code
- Blend colors
- Generates color scales
- Text regex patterns
- Make JSON files readable
- Pick colors from any webpage
- Find icons for your web projects
- Edit code
- Run virtual machine
- Design or prototype
Runcast
AI coding plugin that turns one Playwright script into a polished demo video and an end-to-end test
An open-source plugin for Claude Code, Codex and Antigravity that makes product demo videos of your web app without you touching a screen recorder. You describe the video to your AI assistant, it writes a Playwright script that drives a real Chrome window through your app, and Runcast records it with a smooth cursor and a gently zooming camera, then renders a finished MP4. The same script doubles as a headless end-to-end test you can run in CI.
What we love ❤️
- One script, two results - a 1080p demo video and an end-to-end test that runs in seconds
- The assistant interviews you about goal, audience, length and screens, then writes the plan as a file your team can review
- Human-paced cursor with click ripples and a camera that zooms to where the action is
- Optional captions, title cards with your logo and brand colour, blurred private fields and 3D cube transitions
- Vertical 1080x1920 output for Shorts, Reels and TikTok, using your mobile layout when there is one
- ElevenLabs voice-over timed to each step, and YouTube upload with chapters after you approve it
- Re-render captions, cards or camera moves without recording again
- Free under the MIT license, adds only a single recording folder to your project
Worth noting 💡
- You need Node.js 22.18+, Google Chrome and ffmpeg installed, plus a running copy of your app and a test account
- Video mode takes over a visible Chrome window - don't touch the mouse while it records. On macOS it needs Screen Recording permission, and Windows support is still new
- Scenarios run against your real app and can create data, so point it at a dev or staging environment
- Very new project - expect rough edges. Cursor, Copilot and similar tools need a manual copy-and-setup instead of a one-line install
- Voice-over needs an ElevenLabs account and YouTube upload needs a Google Cloud project
Demo videos usually go stale the moment the UI changes, and re-recording them by hand is the chore nobody volunteers for. Runcast makes the demo a script that also tests your app, so when the UI changes you fix the script and record the video again with one command. If you already use an AI coding assistant and ship a web app, it's a clever way to get launch videos and test coverage from the same work.