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