Skip to content

moayaan1911/loomless

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

👨‍💻 About the Developer

Mohammad Ayaan Siddiqui

Assalamualaikum guys! 🙌 This is Mohammad Ayaan Siddiqui (♦moayaan.eth♦). I’m a Full Stack Blockchain Developer , Crypto Investor and MBA in Blockchain Management with 2 years of experience rocking the Web3 world! 🚀 I’ve worn many hats:

  • Research Intern at a Hong Kong-based firm 🇭🇰
  • Founding Engineer at a Netherlands-based firm 🇳🇱
  • Full Stack Intern at a Singapore-based crypto hardware wallet firm 🇸🇬
  • Blockchain Developer at a US-based Bitcoin DeFi project 🇺🇸
  • PG Diploma in Blockchain Management from Cambridge International Qualifications (CIQ) 🇬🇧
  • MBA in Blockchain Management from University of Studies Guglielmo Marconi, Italy 🇮🇹

Let’s connect and build something epic! Find me at moayaan.com 🌐 or on X @moayaan1911


🎬 LoomLess

LoomLess Logo

Privacy-First Screen Recording Studio

YOUR VIDEO NEVER LEAVES YOUR DEVICE

Chrome Web Store Website License Support


🚫 No Sign-up  •  💳 No Payment  •  ☁️ No Cloud  •  🕵️ No Tracking


📖 Description  •  ✨ Features  •  📸 Screenshots  •  🚀 Installation  •  🎯 How to Use  •  🛠️ Tech Stack  •  💜 Support


📖 Description

🎥 Privacy-First Screen Recording Studio

LoomLess is a powerful yet minimalist screen recording Chrome extension designed for users who value privacy, simplicity, and freedom. In a world where most tools require accounts, subscriptions, and upload your data to the cloud, LoomLess takes a radically different approach: YOUR VIDEO NEVER LEAVES YOUR DEVICE.

Visit us at loomless.fun for more info, screenshots, and the latest updates.

🤔 Why LoomLess?

❌ Other Tools ✅ LoomLess
Require account creation Works instantly - no sign-up
Monthly subscriptions Forever free - no hidden costs
Upload to cloud servers 100% local - files stay on YOUR device
Track your usage Zero tracking - we don't collect ANY data
Bloated with features Clean & focused - just what you need
Watermarks on free tier No watermarks - ever

💡 Perfect For

👨‍💻
Developers
Bug reports & demos
👨‍🏫
Educators
Tutorials & lessons
👨‍💼
Professionals
Presentations & feedback
🎮
Creators
Gameplay & content

🔒 Privacy Promise

┌─────────────────────────────────────────────────────────────┐
│  📍 Your recordings NEVER leave your device                 │
│  🚫 We collect ZERO data about you                          │
│  🔐 No accounts = No data to breach                         │
│  💾 Everything processed locally in your browser            │
│  🛡️  Open source = Full transparency                        │
└─────────────────────────────────────────────────────────────┘

✨ Features

🎬 Recording Capabilities

Feature Description
🖱️ One-Click Recording Start recording instantly with a single click
🖥️ Flexible Capture Record entire screen, specific window, or browser tab
🎛️ Floating Controls Pause, resume, and stop from a draggable on-page control
🔊 Audio Support Capture system audio along with video
🎙️ Microphone Support Record your voice narration simultaneously
⏱️ Unlimited Duration Record as long as you need - no time limits
🎯 High Quality Crystal clear recordings at native resolution
Lightweight Minimal CPU/memory footprint

📷 Webcam Overlay (New in v3.5!)

Feature Description
📷 Camera Overlay Show your webcam feed as a draggable circle over the screen
🖱️ Drag to Reposition Move the camera bubble anywhere on screen before recording
🎭 Smart Compositing Automatically handles all capture modes without duplication
🔇 Mic + Cam Combo Record screen, webcam, and microphone all at once

🎛️ Floating Recording Control (New in v4.0.0!)

Feature Description
⏯️ Pause / Resume Toggle Control your recording without returning to the dashboard
⏹️ Quick Stop Control Stop the recording instantly from the floating control
🌐 Cross-Page Presence Control follows across browser pages while you continue recording
🖱️ Drag to Reposition Move the floating control anywhere that feels comfortable

🎞️ Built-in Video Editor

Feature Description
✂️ Smart Trimming Cut unwanted portions from start and end
🎯 Free-Form Crop Select any rectangular area to focus on
Speed Control Adjust playback speed from 0.5x to 2x
📦 Export Formats Save as WebM or MP4
👁️ Live Preview See your edits in real-time before exporting
💾 Local Processing All editing happens in your browser - nothing uploaded

🛡️ Privacy & Security

Feature Description
🚫 No Account Required Use immediately - zero registration
☁️ No Cloud Storage Recordings saved directly to your device
🕵️ No Analytics We don't track anything you do
🔓 Open Source Fully transparent codebase
💰 No Premium Tier All features free, forever

🚀 Installation

📦 Option 1: Chrome Web Store (Recommended)

Install from Chrome Web Store

Just click the button above and hit "Add to Chrome" - that's it! 🎉

Or visit loomless.fun to learn more before installing.

🛠️ Option 2: Manual Installation (For Developers)

Click to expand installation steps

Step 1: Clone the repository

git clone https://github.com/moayaan1911/loomless.git
cd loomless

Step 2: Open Chrome Extensions

Navigate to: chrome://extensions/

Step 3: Enable Developer Mode

Toggle "Developer mode" switch (top-right corner)

Step 4: Load the Extension

Click "Load unpacked" → Select the "extension" folder

Step 5: Pin for Easy Access

Click puzzle icon 🧩 → Pin LoomLess 📌

🎯 How to Use

📹 Recording Flow

┌──────────────────────────────────────────────────────────────────┐
│                                                                  │
│   1️⃣  Click LoomLess icon in toolbar                             │
│                    ↓                                             │
│   2️⃣  Choose recording mode:                                     │
│       • 🖥️  Screen only                                          │
│       • 🎙️  Screen + Mic                                         │
│       • 📷  Screen + Camera                                       │
│       • 🎙️📷 Screen + Mic + Camera                               │
│                    ↓                                             │
│   3️⃣  (Optional) Drag camera bubble to desired position          │
│                    ↓                                             │
│   4️⃣  Click "Start Recording" & choose capture source:           │
│       • 🖥️  Entire Screen                                        │
│       • 🪟  Application Window                                    │
│       • 🌐  Browser Tab                                           │
│                    ↓                                             │
│   5️⃣  Record your content                                        │
│                    ↓                                             │
│   6️⃣  Click "Stop Recording" when done                           │
│                    ↓                                             │
│   7️⃣  Edit in built-in editor (optional)                         │
│       • ✂️  Trim start/end                                        │
│       • 🎯  Crop to focus area                                    │
│       • ⚡  Adjust playback speed                                 │
│                    ↓                                             │
│   8️⃣  Download your video! 🎉                                    │
│                                                                  │
└──────────────────────────────────────────────────────────────────┘

⌨️ Pro Tips

Tip Description
📌 Pin the extension Right-click extension icon → Pin for quick access
📷 Position cam first Drag the camera bubble before hitting Start Recording
🎯 Use tab recording For best quality when recording browser content
✂️ Trim first Remove mistakes before cropping
Speed up tutorials Use 1.5x or 2x for faster walkthroughs
📦 Choose MP4 For better compatibility across devices

🛠️ Tech Stack

Technology Purpose
JavaScript Core functionality
CSS3 Modern UI design
Chrome Extension platform
MediaRecorder Screen & audio capture
Canvas Camera overlay compositing
getUserMedia Webcam & microphone access

📁 Project Structure

loomless/
├── 📂 extension/
│   ├── 📂 icons/          # Extension icons
│   ├── 📂 popup/          # Extension popup UI
│   │   ├── popup.html
│   │   ├── popup.css
│   │   └── popup.js
│   ├── 📂 recorder/       # Recording & editing
│   │   ├── recorder.html
│   │   ├── recorder.css
│   │   ├── recorder.js
│   │   ├── editor.html
│   │   ├── editor.css
│   │   ├── editor.js
│   │   └── storage.js
│   ├── background.js      # Service worker
│   └── manifest.json      # Extension manifest
├── 📂 website/            # Landing page (loomless.fun)
├── 📄 README.md
└── 📄 LICENSE

🗺️ Roadmap

Status Feature
Screen, window, and tab recording
Built-in video editor
Trim, crop, and speed adjustment
WebM and MP4 export
Webcam overlay support
Microphone recording
🔜 Drawing/annotation tools
🔜 GIF export option
🔜 Keyboard shortcuts
🔜 Firefox extension

🤝 Contributing

Contributions are welcome! Here's how you can help:

  1. 🍴 Fork the repository
  2. 🌿 Create a feature branch (git checkout -b feature/amazing-feature)
  3. 💾 Commit your changes (git commit -m 'Add amazing feature')
  4. 📤 Push to the branch (git push origin feature/amazing-feature)
  5. 🔃 Open a Pull Request

💡 Ideas for Contribution

  • 🐛 Bug fixes
  • ✨ New features
  • 📝 Documentation improvements
  • 🎨 UI/UX enhancements
  • 🌍 Translations

💜 Support My Work

If LoomLess has helped you, consider supporting its development!

Support My Work

Other ways to support:

Star this repo - It helps others discover LoomLess

🐛 Report bugs - Help make LoomLess better

📢 Spread the word - Share loomless.fun with friends and colleagues

💬 Feedback - Your suggestions shape the future of LoomLess


📄 License

This project is licensed under the MIT License

MIT License - Feel free to use, modify, and distribute!

See LICENSE for details.


👨‍💻 Author

Built with 💜 by ♦moayaan.eth♦

Website GitHub X


🎬 LoomLess - Screen Recording, Simplified.

Made with ❤️ for the privacy-conscious community

🌐 loomless.fun