Welcome to the Screen Recording & Sharing App! 🚀 A modern web application to record your screen, preview it, and instantly share via a link. Built with a minimalistic design and powered by FFmpeg, this app offers a seamless way to capture and share screen activity — perfect for tutorials, bug reports, and quick demos.
- 🖥️ Record full screen or a specific tab/window
- ✂️ Trim video before uploading
- 🎬 Live preview of recorded content
- ☁️ Upload and host videos via UploadThing
- 🔗 Instantly shareable links
- 💬 Custom shareable page with video playback
- 🧱 Clean and reusable component architecture
- ⚡ Fast performance with Next.js App Router
| Frontend | Backend | Tools & Services |
|---|---|---|
| Next.js 14 (App Router) ⚛️ | Edge Functions | UploadThing ☁️ |
| TypeScript 🟦 | FFmpeg.wasm 🎞️ | Shadcn/UI 🎨 |
| TailwindCSS 💨 | Server Actions 🧠 | React Hook Form 📝 |
| Vercel Hosting ▲ | Zustand 🧠 |
git clone https://github.com/elmurodvokhidov/loom-clone.git
cd loom-clonenpm installCreate a .env file in the root directory and add the following (see .env.example in the repo for reference):
UPLOADTHING_SECRET=your-uploadthing-secret
UPLOADTHING_APP_ID=your-uploadthing-app-idYou’ll need an account on UploadThing to get these credentials.
npm run devHuge thanks to Adrian Hajdin for building and sharing this powerful and elegant screen recording solution. Inspired by simplicity and functionality, this project is a testament to his focus on modern developer experiences.
Distributed under the MIT License.