Screen Script Screen Recorder
Project LinkChrome extension for note-taking using ReactJS, Redux, and Tailwind. Developed an internal file system with data storage via LocalStorage and IndexedDB.
- NextJS
- TypeScript
- ReactJS
- Zustand
- Tailwind
- Supabase
- Posthog
- LocalStorage | IndexedDB

What is Screen Script
Screen Script is a fast, modern, browser-based screen recorder built to help creators, developers, and founders capture clean, high-quality videos without heavy software or complex setup. It focuses on simplicity, speed, and clarity — offering smooth recording, instant exports, and a distraction-free workflow. Whether it’s a product demo, UI walkthrough, coding tutorial, or pitch video, Screen Script makes recording effortless.
Why I Started It
Screen Script began during a hackathon at KPH KPH hackathon. I wanted to build something simple yet useful — a tool that solves a real day-to-day problem: capturing clean screen recordings without lag, noise, or bloated apps.
During the hackathon, I noticed something interesting: "people were genuinely excited about this idea".
Participants tried it, shared feedback, asked for features, and even discussed real-world use cases like demo videos, tutorials, and startup product launches. That validation made me realize Screen Script had potential beyond the event.
So I continued building it after the hackathon — improving UI, tuning performance, experimenting with encoding methods, and polishing the entire workflow. What started as a 48-hour build gradually grew into a full product with real users and real use cases.
Technical Overview
Screen Script is built with a modern, scalable, and performance-focused stack:
Framework & Platform
- Next.js for routing, fast builds, and SEO
- React.js for the UI
- Supabase for authentication, storage, and backend logic
- PostHog for analytics, user flows, and product insights
Deep Tech & Engineering
Screen recording is not just “capture screen → save file.” To get smooth, minimal-lag videos, Screen Script handles several complex layers:
- MediaRecorder API for native browser-level video capture
- Real-time WebM encoding optimized for clarity and consistent framerate
- Buffer stream management to avoid dropped frames during motion
- Efficient memory handling for long-duration recordings
- Instant video assembly pipelines for quick download after stopping
Experimental modules exploring:
- MJPEG streaming
- Frame-by-frame rendering
- Device-to-web capture
- Browser-based video post-processing
Every layer is designed to reduce friction for the user while keeping the output clean and stable.
What I Learned (Being the Real Founder of This Project)
Screen Script taught me more than just tech.
Building this as a solo founder — handling content creation, engineering, UI/UX, SEO, branding, and sales — gave me a full 360° view of what building a product truly takes.
Some of the strongest learnings:
- Understanding how users think, not just how systems work
- Designing for clarity instead of complexity
- Shipping fast, iterating faster
- Balancing engineering depth with practical product decisions
- Doing everything myself showed me my skills, limits, and strengths
- Developing empathy for creators, marketers, and founders
- Realizing that every small detail — from landing page text to loading speed — affects conversions
This project made me both a better engineer and a better entrepreneur.
What Makes Screen Script Special
- Starts instantly — no installation, no setup
- Crisp recordings even on mid-range systems
- Supports long, high-motion captures
- Zero clutter interface
- Built for real-world startup demos and tutorials
- Continually shaped by user feedback and real use cases
The Future
Screen Script will keep evolving. Upcoming ideas include:
- Desktop application
- Mobile & Android capture utilities
- Cloud saving
- Auto-editing for short clips
- Better noise-free recording pipelines
- Collaboration tools for teams