Coder Social home page Coder Social logo

xiaoluoboding / chrome-web-bookmark Goto Github PK

View Code? Open in Web Editor NEW
39.0 2.0 3.0 3.23 MB

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

Home Page: https://chrome.google.com/webstore/detail/web-visual-bookmark/jcfidgjldodhkpiebmemhnhgpgdakham/

License: MIT License

TypeScript 35.82% Vue 60.43% HTML 0.64% CSS 3.11%
chrome-extension bookmark extension card twitter-card notion-web-bookmark

chrome-web-bookmark's Introduction

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

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

chrome-web-bookmark's People

Contributors

xiaoluoboding avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

chrome-web-bookmark's Issues

Could not copy or download

Hello xiaoluoboding,

Your bookmark.style is brilliant. However, I found I could not copy or download via these two buttons. Would you please help fix? Thanks.

image

one-tab-group 建议

1.建议标签页、分组页双击空白处切换折叠/展开,因为这个操作会非常频繁。

2.建议标签页、分组页功能按钮隐藏。现在如果内容多了,整个屏幕都是这些按钮。

3.建议增加同步功能,例如webdav、网盘等。可以是付费功能。

4.希望对标 Cluster Tab Manager,这个插件很多好评,可惜作者消失了几年了。很多人追着付费。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.