Chrome Extension - Web Visual Bookmark

One-click turn any link into a visual bookmark, and it looks like Twitter cards or Notion web bookmark.

Preview

Bookmark Layout	Light Mode	Dark Mode
Twitter card like
Notion web bookmark like

Concepts

This extension is built on top of metafy, which provides serverless api to fetch websites metadata easily and turn the metadata into the visual bookmark. like Twitter does.

Articles

• 《How to create a visual web bookmark?》

Features

• 🔮 Turn any tabs into a visual web bookmark
• 🐦 Twitter card like
• 🔖 Notion web-bookmark like
• 🖼️ Copy image to your clipboard
• 📷 Toggle the QRCode on the bookmark
• 🌛 Dark mode support

Usage

Install

Install the dependencies

yarn
# or
pnpm install

Development

Run the development server

yarn dev
# or
pnpm dev

Then load uppacked extension in browser with the extension/ folder.

Production

Build the extension

yarn build
# or
pnpm build

Then load uppacked extension in browser with the extension/ folder.

Template

This repo is created from this template on GitHub.

License

MIT - @xiaoluoboding