bookmark.style

Turn any link into a stylish visual web bookmark, one-click to copy the beautiful web bookmark image.

Visit Website
bookmark.style

Introduction

What is bookmark.style?

bookmark.style is a web app that turns any link into a stylish visual web bookmark with one-click to copy the beautiful web bookmark image.

Concepts

This web app is built on top of metafy, which provides a serverless API to fetch website metadata easily and turn the metadata into a visual bookmark, like Twitter does.

Features

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

Chrome Web Extension

bookmark.style offers a Chrome web extension for easy bookmarking. Go to the Chrome Web Store.

Usage Tips

You can create a new bookmarklet in your browser and enter the URL below:

javascript: window.location = 'https://www.bookmark.style/?url=' + encodeURIComponent(document.location)

When you click on the bookmarklet, it will redirect the page you're on to bookmark.style, which will auto-parse the URL and render the visual bookmark.

Render In README.md

You can render the bookmark.style card as a SVG in the GitHub README.md now.

[![onetab.group](https://svg.bookmark.style/api?url=https://onetab.group&mode=light)](https://onetab.group)

Development Setup

Install

Install the dependencies

yarn
# or
pnpm i

Development

Run the development server

yarn dev
# or
pnpm dev

Production

Build the extension

yarn build
# or
pnpm build

License

MIT @xiaoluoboding