# Use TagSpaces as a Cross-Platform Bookmark Manager

> Use TagSpaces as a cross-platform, privacy-first bookmark manager. Save, organize, and tag web bookmarks locally with screenshot previews.

<WebPageSD />

export const features = {
  intro: {
    description: (
      <>
        TagSpaces can be used as a powerful, privacy-first bookmark manager that works across all major operating systems.
        It includes built-in support for viewing .url, .website, .webloc, and .desktop files—formats commonly
        used by Windows, macOS, and Linux to store bookmarks locally.
        
        
        For example, Windows users can create .url files simply by dragging a link from their browser to the
        desktop. On Mac the create bookmark files are with the .webloc extension. On Linux systems like Ubuntu, .desktop files serve the same purpose. TagSpaces recognizes and
        opens these files, making it easy to organize and access your bookmarks in one place.
      </>
    ),
  },
  webclipperBookmarks: {
    title: "Capture Bookmarks with Browser Extensions",
    description: (
      <>
        You can also create bookmarks directly from your browser using the official{" "}
        <Link to="/products/webclipper/">TagSpaces Web Clipper</Link> extensions for Chrome, Edge and Firefox. These tools
        allow you to save:
      </>
    ),
    items: [
      <>The full URL</>,
      <>The page title</>,
      <>The date and time the bookmark was saved</>,
      <>
        A screenshot of the visible portion of the page - which becomes a thumbnail preview inside TagSpaces, making your
        bookmarks more visual and easier to browse.
      </>,
    ],
    actionButtonTitle: "Try the browser extension",
    actionButtonLink: "/products/webclipper/",
    imageUrl: "/content/browser-extension/saving-bookmarks.avif",
    imageAlt: "Saving bookmark with the browser extension",
  },
  manageBookmarks: {
    title: "Bookmark Viewer & Editor",
    description: (
      <>
        When you open a bookmark in TagSpaces, the built-in editor displays a clickable URL. You can launch the page in
        your default browser with a single click. It's a simple and effective way to manage your web resources—offline,
        private, and fully under your control.
      </>
    ),
    actionButtonTitle: "Try TagSpaces",
    actionButtonLink: "/products",
    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",
  },
  bookmarkManagement: {
    title: "Why Use TagSpaces for Bookmark Management?",
    oneColumn: true,
    description: (
      <>
        Unlike traditional browser-based bookmarks that lock you into a single browser or device, TagSpaces offers a
        &nbsp;platform-independent and file-based approach. Your bookmarks are saved as regular files, which
        means:
        
          ✅ Portability – Easily move, sync, or back up bookmarks like any other file.
          
            ✅ Organization with tags – Use TagSpaces' flexible tagging system to categorize bookmarks by topic, project,
            client, or status.
          
          
            ✅ Visual navigation – With thumbnail previews and custom file names, bookmarks become easier to find and
            browse visually.
          
          
            ✅ Offline access – Your bookmarks are stored locally, so you can access metadata and screenshots even when
            offline.
          
          
            ✅ No tracking, no vendor lock-in – TagSpaces respects your privacy and doesn't require accounts or internet
            access to function.
          
        
        Whether you're collecting research, curating inspiration, managing references, or saving useful tools and
        articles, TagSpaces can help you organize it all—securely and efficiently.
      </>
    ),
    actionButtonTitle: "Start using TagSpaces",
    actionButtonLink: "/products",
  },
  liveDemo: {
    title: "Live Demo",
    oneColumn: true,
    customVisualEl: (
      <Demo
        url="https://demo.tagspaces.com/ibm.html"
        title="PWA enabled demo, showing the bookmark management use-case"
      />
    ),
  },
};

export const ctaButton = (
  <Link className="button button--primary" to="/products/">
    Start now with TagSpaces
  </Link>
);

  
    Use TagSpaces as a Cross-Platform Bookmark Manager
    {features.intro.description}
  

  <RenderFeatures features={features} hideFirst />
  <Spacer height={50} />
  
    {ctaButton}
  
  <Spacer height={50} />