The latest articles on DEV Community by GabutSkuy (@gabutskuy). https://dev.to/gabutskuy https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4070369%2Fcd18c822-3cbe-4d5a-8dfd-a62642121c77.png https://dev.to/gabutskuy en GabutSkuy Mon, 10 Aug 2026 01:45:20 +0000 https://dev.to/gabutskuy/i-built-a-free-ai-screen-recorder-that-auto-edits-your-videos-3gkj https://dev.to/gabutskuy/i-built-a-free-ai-screen-recorder-that-auto-edits-your-videos-3gkj <h1> I Built a Free AI Screen Recorder That Auto-Edits Your Videos </h1> <p>Every content creator knows the pain: you spend <strong>3-5 hours editing</strong> a 10-minute screen recording. Cropping dead space, adding zooms, fixing transitions... it's tedious, it's boring, and it eats your life.</p> <p>I built <strong>AI Screen Recorder</strong> to fix exactly that. It's a free, open-source tool that records your screen <strong>AND auto-edits the result</strong> — cropping active regions, adding smart transitions, and highlighting clicks automatically.</p> <h2> What it does </h2> <ul> <li>🎯 <strong>Auto-crop &amp; zoom</strong> — detects the active region of your screen and crops automatically</li> <li>✨ <strong>Smart transitions</strong> — one-click professional transitions (fade, zoom, slide)</li> <li>🖱️ <strong>Click detection</strong> — highlights mouse clicks and scrolls automatically (perfect for tutorials)</li> <li>💻 <strong>Cross-platform</strong> — works on Windows, Mac, and Linux</li> <li>🆓 <strong>100% free &amp; open source</strong> — no watermarks, no subscriptions, no catch</li> </ul> <h2> Why open source? </h2> <p>Most tools in this space are expensive ($15-30/month) and platform-locked. Screen Studio, for example, charges $29/mo and only works on Mac. I believe great recording tools should be <strong>free and available everywhere</strong>.</p> <p>That's why the entire project is MIT-licensed and hosted on Vercel + GitHub Pages — zero cost to run, zero cost to use.</p> <h2> The tech stack </h2> <ul> <li><strong>React + TypeScript + Vite</strong></li> <li><strong>Tailwind CSS</strong></li> <li> <strong>Zustand</strong> for state management</li> <li>Deployed on <strong>Vercel</strong> (free tier) + <strong>GitHub Pages</strong> </li> </ul> <h2> Try it </h2> <p><strong>Live demo:</strong> <a href="https://ai-screen-recorder-delta.vercel.app" rel="noopener noreferrer">https://ai-screen-recorder-delta.vercel.app</a></p> <p><strong>Source code:</strong> <a href="https://github.com/GabutSkuy/ai-screen-recorder" rel="noopener noreferrer">https://github.com/GabutSkuy/ai-screen-recorder</a></p> <h2> Support the project </h2> <p>If this tool saves you time, consider supporting its development:</p> <ul> <li>☕ <strong>Buy Me a Coffee:</strong> <a href="https://buymeacoffee.com/Azzzz" rel="noopener noreferrer">https://buymeacoffee.com/Azzzz</a> </li> <li>💎 <strong>USDT (TRC20):</strong> <code>TBrPYnKyp3P4aByGNeetdjSTPBAeAaZdD4</code> </li> <li>⭐ <strong>Star the repo</strong> on GitHub — it really helps!</li> </ul> <p><em>Built in 4 weeks, open source forever. Feedback, issues, and PRs are all welcome!</em></p> opensource react showdev productivity