What is web-clipper?

webclipper/web-clipper — explained in plain English

Analysis updated 2026-06-24

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

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

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

What do people build with it?

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.

What is it built with?

TypeScriptnpm

How does it compare?

	webclipper/web-clipper	max-mapper/menubar	hexclave/stack-auth
Stars	6,775	6,778	6,783
Language	TypeScript	TypeScript	TypeScript
Setup difficulty	easy	moderate	hard
Complexity	2/5	2/5	4/5
Audience	general	developer	developer

Figures from each repo's GitHub metadata at analysis time.

How do you get 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.

So what is it?

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?

Frequently asked questions