KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #ai-agents #dsh-plugin #codex #developer-tools #claude-code #windows #desktop-app #typescript #rust #ai-agent #cli

loom-clone

★ 6 Open GitHub ↗

A modern web app to record your screen, trim and preview videos, and instantly share them via a unique link — powered by FFmpeg.wasm, Next.js 14, and UploadThing.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🎥 Screen Recording & Sharing App

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.

---

## 🚀 Features

* 🖥️ 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

---

## 🧰 Tech Stack

| 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 🧠         |

---

## 📦 Getting Started

### 1. Clone the Repository

```bash
git clone https://github.com/elmurodvokhidov/loom-clone.git
cd loom-clone
```

### 2. Install Dependencies

```bash
npm install
```

### 3. Setup Environment Variables

Create a `.env` file in the root directory and add the following (see `.env.example` in the repo for reference):

```env
NEXT_PUBLIC_BASE_URL=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
BETTER_AUTH_SECRET=
BETTER_AUTH_URL=
BUNNY_STORAGE_ACCESS_KEY=
BUNNY_LIBRARY_ID=
BUNNY_STREAM_ACCESS_KEY=
ARCJET_API_KEY=
XATA_API_KEY=
DATABASE_URL_POSTGRES=
```

> You’ll need an account on [UploadThing](https://uploadthing.com) to get these credentials.

### 4. Run the App Locally

```bash
npm run dev
```

---

## 🙌 Credits

Huge thanks to [Adrian Hajdin](https://github.com/adrianhajdin) 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.

---

## 📄 License

Distributed under the [MIT License](LICENSE).

loom-clone

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README