explaingit

webclipper/web-clipper

★ 6,775TypeScriptAudience · generalComplexity · 2/5Setup · easy

TLDR

A Chrome and Edge browser extension that saves web page content directly into popular note-taking apps like Notion, Obsidian, Bear, and Joplin, already formatted, without copying and pasting manually.

Mindmap

mindmap
  root((repo))
    What it does
      Save web content
      Browser extension
      Format preserving
    Supported destinations
      Notion Obsidian
      OneNote Bear
      Joplin Confluence
    Install methods
      Chrome Web Store
      Edge Add-ons
      Manual ZIP load
    Tech Stack
      TypeScript
      npm build
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Clip articles from any web page directly into Notion with formatting preserved, instead of copy-pasting text manually.

USE CASE 2

Save research pages into Obsidian in one click so notes stay organized without leaving the browser.

USE CASE 3

Install a development build from GitHub to access features before they reach the store review cycle.

USE CASE 4

Contribute support for a new note-taking app by adding it as a destination in the TypeScript source.

Tech stack

TypeScriptnpm

Getting it running

Difficulty · easy Time to first run · 5min

Store version may lag GitHub by about a week due to review time, use the manual ZIP install for the latest release.

No license information was mentioned in the explanation.

In plain English

Web Clipper is a browser extension for Chrome and Edge that lets you save content from any web page directly into a note-taking or knowledge-management app of your choice. Instead of copying and pasting text manually or bookmarking a URL and hoping it stays live, you clip the content and it lands in your chosen destination already formatted. The extension supports a wide range of destination apps, including Notion, Obsidian, OneNote, Bear, Joplin, Yuque, FlowUs, Confluence, Ulysses, and several others. This means you can stay in the workflow you already use for writing and organizing notes rather than being locked into whatever the browser's built-in bookmark or reading-list feature offers. Installation is straightforward through the Chrome Web Store or the Microsoft Edge Add-ons store. There is also a manual installation path for people who want a specific version: download the ZIP from the releases page on GitHub, enable developer mode in the browser's extensions settings, and load the unpacked folder. The README notes that the store versions sometimes lag behind the GitHub releases because store reviews take about a week. The project is built with TypeScript. Running it locally involves cloning the repository, installing dependencies with npm, and running the dev build, which outputs to a folder you then load into Chrome as an unpacked extension. A test suite is included and can be run with a single npm command.

Copy-paste prompts

Prompt 1
I want to clip web articles into Obsidian using the web-clipper extension. How do I install it in Chrome and set up Obsidian as my destination?
Prompt 2
I want to clip content into a note-taking app that web-clipper does not currently support. How is the destinations system structured in the TypeScript source so I can add a new one?
Prompt 3
I want to install a specific older version of web-clipper from GitHub rather than the Chrome store. Walk me through loading the ZIP as an unpacked extension.
Prompt 4
How do I run the web-clipper development build locally and load it into Chrome for testing?
Open on GitHub → Explain another repo

← webclipper on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.