# Web Clipper: Save the Web. Own Your Files.

> The TagSpaces Web Clipper is a free browser extension for Chrome, Firefox, and Edge that saves web pages, screenshots, and bookmarks as local files — no cloud, no account, no lock-in.

<SoftwareApplicationSD
  name="TagSpaces Web Clipper"
  url="https://www.tagspaces.org/products/webclipper/"
  description="The TagSpaces Web Clipper is a browser extension for Chrome, Firefox, and Edge that saves web pages, screenshots, and bookmarks as local files — no cloud account needed."
  operatingSystem="Chrome, Firefox, Edge"
  applicationCategory="BrowserApplication"
  offers={{ "@type": "Offer", price: "0", priceCurrency: "USD" }}
  downloadUrl="https://www.tagspaces.org/downloads/"
  featureList={[
    "Save web pages as HTML, Markdown, or MHTML",
    "Clip specific page content",
    "Capture full-page screenshots",
    "Create bookmarks with preview images",
    "Add tags for organization",
    "Automatic metadata inclusion",
    "Geotagging and Plus Codes support",
    "Offline access to saved content",
    "Privacy-focused and open source",
  ]}
/>

export const ctaButtons = (
  
    
      <CustomLink link="chromeStoreUrl" target="_blank">
        
      </CustomLink>
      <small style={{ display: "block", marginTop: 4, color: "var(--ifm-color-emphasis-600)" }}>
        Also works with Brave, Opera, and Vivaldi
      </small>
    
    
      <CustomLink link="firefoxAddonsUrl" target="_blank">
        
      </CustomLink>
    
    
      <CustomLink link="edgeAddonUrl" target="_blank">
        
      </CustomLink>
    
  
);

export const features = {
  readItLater: {
    title: "Your Offline Reading Archive",
    description: (
      <>
        Save articles for offline reading — on flights, during travel, or anywhere without internet. Every saved page is
        fully searchable with TagSpaces' built-in full-text search. Tag clips by topic, project, or priority and find
        anything instantly.
      </>
    ),
    items: [
      <>
        Offline access — read saved pages without internet, anytime
      </>,
      <>
        Distraction-free — no ads, pop-ups, or tracking scripts
      </>,
      <>
        Searchable archive — full-text search across all your clips
      </>,
      <>
        Organized by tags — categorize by topic, project, or priority
      </>,
    ],
    actionButtonTitle: "More about bookmark management",
    actionButtonLink: "/usecases/bookmark-manager/",
    visualCaption: "Video showing how TagSpaces can be used as a bookmark manager",
    videoUrl: "/content/features/bookmark-management.mp4",
    posterUrl: "/content/features/bookmark-management-poster.avif",
  },
  metadata: {
    title: "Smart Metadata Capture",
    description: (
      <>
        Every saved page automatically includes the original URL, capture date, and a screenshot. When clipping from
        Google Maps or OpenStreetMap, geo-coordinates are extracted and added as tags — with Plus Codes support for
        precise location identification.
      </>
    ),
    items: [
      <>
        Automatic context — URL, date, time, and screenshot saved with every clip
      </>,
      <>
        Geo-tagging — extracts coordinates from mapping services
      </>,
      <>
        Plus Codes — simplified location tagging without traditional addresses
      </>,
    ],
    actionButtonTitle: "Read more in the docs",
    actionButtonLink: "https://docs.tagspaces.org/web-clipper/#advanced-features",
    showCaption: true,
    imageAlt: "Extracting geo coordinates from a web page as a Plus Code tag",
    imageUrl: "/content/browser-extension/web-clipper-geotag-extraction.avif",
  },
};

{/* ──── Section 1: Hero ──── */}

  <Spacer height={50} />
  Save the web. Own your files.
  
    The TagSpaces Web Clipper saves web pages, articles, and screenshots as plain files on your device — not in someone
    else's cloud.
  
  <SmartExtensionButton />
  
    Free &amp; open source &middot; No account required &middot; Works offline
  

{/* ──── Section 2: Hero video ──── */}

  <CenteredVideo
    src="/content/browser-extension/webclipper-content-collection.mp4"
    posterUrl="/content/browser-extension/webclipper-content-collection.avif"
    maxWidth={900}
    autoPlay={true}
    controls={true}
    showCaption={false}
  />

<Spacer height={60} />

{/* ──── Section 3: Benefit cards ──── */}

  Your files, your rules
  <Spacer height={20} />
  <CardGrid items={[
    { title: "Files, not databases", text: "Every clip is a standard file — HTML, MHTML, Markdown, or PNG. Open them in any app, on any device, forever." },
    { title: "No cloud, no account", text: "Nothing is uploaded. Your clips stay on your computer. No login, no sync, no tracking." },
    { title: "Portable by design", text: "Copy your clips to a USB drive, NAS, or cloud folder. They work without TagSpaces or any other app." },
  ]} />

<Spacer height={60} />

{/* ──── Section 4: Four ways to save ──── */}

  Four ways to save
  
    Pick the format that fits your workflow. Every option creates a plain file you own.
  
  <Spacer height={20} />
  <CardGrid colSize={6} items={[
    { title: "Clean article (HTML / Markdown)", text: "Strips ads, navigation, and clutter. Keeps the readable content. Perfect for research articles, blog posts, and documentation." },
    { title: "Full page (MHTML/PDF)", text: "A pixel-perfect offline copy — layout, images, styles, everything preserved in a single file. The closest thing to \"downloading a website.\"" },
    { title: "Screenshot (PNG)", text: "A full-page screenshot saved as an image. Useful for visual references, design inspiration, or pages that resist clipping." },
    { title: "Bookmark (URL file)", text: "A lightweight bookmark with a preview thumbnail. The smallest footprint — just a link and an image, stored as a local file." },
  ]} />

<Spacer height={60} />

{/* ──── Section 5: Portability message ──── */}

  Works with everything
  
    The Web Clipper creates standard files — HTML, MHTML, Markdown, PNG, and URL. They work with TagSpaces, but they
    also work without it.
  
  
    Open them in any browser, any text editor, any file manager. Back them up with any tool. Keep them for decades.
  
  
    No vendor lock-in. No proprietary format. No subscription to cancel.
  

<Spacer height={60} />

{/* ──── Section 6: Feature blocks (read-it-later + metadata) ──── */}

  More than bookmarks
  <Spacer height={20} />
  <RenderFeatures features={features} />

<Spacer height={60} />

{/* ──── Section 7: Open source ──── */}

  Open source &amp; private
  
    The Web Clipper is open source under <Link to="/legal/agplv3/">AGPLv3</Link>. No analytics, no telemetry, no data
    collection. Inspect the code yourself on <Link to="https://github.com/tagspaces/browser-extensions">GitHub</Link>.
  

<Spacer height={60} />

{/* ──── Section 8: Bottom CTAs ──── */}

  Get started
  Add the Web Clipper to your browser — it takes 10 seconds.
  <Spacer height={10} />
  <SmartExtensionButton />
  <Spacer height={10} />
  
    <Link to="https://docs.tagspaces.org/web-clipper/">Read the documentation</Link> for tips and advanced usage.
  

<Spacer height={80} />