back to home

webclipper / web-clipper

For Notion,OneNote,Bear,Yuque,Joplin。Clip anything to anywhere

6,691 stars
630 forks
223 issues
TypeScriptJavaScriptLess
Chat with CodebaseArchitecture ScanSecurity AuditExplain Codebase

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing webclipper/web-clipper in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Click here to launch the interactive analysis workspace

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/webclipper/web-clipper)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview
<h1 align="center">Web Clipper</h1> <p align="center"> <a href="https://github.com/webclipper/web-clipper/actions"> <img src="https://github.com/webclipper/web-clipper/workflows/CI%20Test/badge.svg" alt="CI Test Status"> </a> <a href="https://github.com/webclipper/web-clipper/actions"> <img src="https://github.com/webclipper/web-clipper/workflows/Release resource/badge.svg" alt="Release resource status"> </a> <a href="https://codecov.io/gh/webclipper/web-clipper"> <img src="https://img.shields.io/codecov/c/github/webclipper/web-clipper/master.svg?style=flat-square" alt="Codecov"> </a> </p>

You can use Web Clipper to save anything on the web to anywhere.

<img src="https://clipper.website/static/image/screenshot.png">

Support Site

Install

ps: Because the review takes a week, the version will fall behind.

From Github

  1. Download the webclipper.zip from release page
  2. Go to chrome://extensions/ and check the box for Developer mode in the top right.
  3. Locate the ZIP file on your computer and unzip it.
  4. Go back to the chrome://extensions/ page and click the Load unpacked extension button and select the unzipped folder for your extension to install it.

Develop

$ git clone https://github.com/webclipper/web-clipper.git
$ cd web-clipper
$ npm i
$ npm run dev

  • You should load the 'dist/chrome' folder in Chrome.

  • You should load the 'dist/manifest.json' folder in Firefox.

Test

$ npm run test

Feedback

TypeLink
TelegramLink