Skip to main content
Bookmarks App Mockup

Welcome to Bookmarks

Bookmarks is a beautifully designed web application that helps you save and organize your favorite websites. With AI-assisted tagging and lightning-fast search capabilities, managing your virtual library has never been easier.

Quick Start

Get started in minutes - from account creation to saving your first bookmark

Installation Guide

Self-host the application with our comprehensive setup instructions

API Reference

Explore the stores, utilities, and components API

Contributing

Star us on GitHub and contribute to the project

Core Features

All Your Bookmarks in One Place

Effortlessly save any website with just a URL paste. The application automatically fetches metadata including title, description, favicon, and preview images to create rich bookmark cards.

AI-Assisted Tagging

Organize your bookmarks with intelligent, AI-generated tags. The system analyzes your bookmark content and suggests relevant tags, making categorization seamless and intuitive. Find any bookmark instantly with the powerful command menu. Press ⌘K (or Ctrl+K on Windows) to search across titles, URLs, and tags with real-time filtering.

Smart Filtering

Filter bookmarks by:
  • Tags: Click any tag to see related bookmarks
  • Time period: View bookmarks from all time, last month, or last week
  • Sort order: Toggle between newest first and oldest first

Tech Stack

Bookmarks is built with modern web technologies:

React 18

Modern UI with hooks and functional components

TypeScript

Type-safe development experience

Supabase

PostgreSQL database with real-time capabilities

Vite

Lightning-fast build tool and dev server

Tailwind CSS

Utility-first styling with custom design system

Zustand

Lightweight state management

How It Works

Manage your bookmarks with just 3 easy steps:
1

Add Websites

Paste or type the URL of any website you want to save. Your bookmark is instantly stored with rich metadata.
2

Tag Bookmarks

Generate smart tags with AI or manually create custom tags for easy categorization and organization.
3

Filter and Search

Easily filter bookmarks by tags or use the lightning-fast command menu to find exactly what you need.

Authentication Methods

Bookmarks supports secure authentication through:
  • Magic Link: Sign in via email with a passwordless magic link
  • GitHub OAuth: Continue with your GitHub account for instant access
All authentication is powered by Supabase Auth, providing enterprise-grade security with minimal setup.

Key Components

The application is built with reusable React components:
  • AddBookmark: Fixed bottom input for quick bookmark creation
  • CommandMenu: Keyboard-driven search interface (⌘K)
  • BookmarkTags: Inline tag editing with autocomplete
  • CardSpotlight: Interactive cards with spotlight effect
  • Modal: Accessible dialog system for login and editing

What’s Next?

Get Started Now

Follow our quickstart guide to create your account and save your first bookmark

Self-Host Setup

Deploy your own instance with full control over your data

Build docs developers (and LLMs) love