https://github.com/int128/bntp
Chrome extension BNTP (Bookmarks in New Tab Page)
https://github.com/int128/bntp
bookmark chrome-extension react typescript
Last synced: about 1 month ago
JSON representation
Chrome extension BNTP (Bookmarks in New Tab Page)
- Host: GitHub
- URL: https://github.com/int128/bntp
- Owner: int128
- Created: 2014-06-29T15:56:53.000Z (almost 12 years ago)
- Default Branch: main
- Last Pushed: 2026-04-25T22:49:43.000Z (about 2 months ago)
- Last Synced: 2026-04-25T23:32:07.079Z (about 2 months ago)
- Topics: bookmark, chrome-extension, react, typescript
- Language: TypeScript
- Homepage: https://chrome.google.com/webstore/detail/feeleilgbmkkpapllljmclmbeddcdeeh
- Size: 5.6 MB
- Stars: 70
- Watchers: 2
- Forks: 26
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BNTP: Bookmarks in New Tab Page [](https://github.com/int128/bntp/actions/workflows/react.yaml)
This is an extension for Chrome, providing the New Tab Page with bookmarks and recently visited sites.
https://chrome.google.com/webstore/detail/feeleilgbmkkpapllljmclmbeddcdeeh
## Screenshots
Here are the screenshots generated by GitHub Actions.
Light
Dark
Bookmark Editor
Preferences
## Live Demo
Storybook is available at https://int128.github.io/bntp/
## Architecture
- Chrome extension
- React
- TypeScript
- Biome
- Storybook
## History
- v3 is built with React Hooks and TypeScript (2022)
- [v2](https://github.com/int128/bntp/tree/v2) was built with React, Redux and Immutable.js (2017)
- v1.2 was built with React (2015)
- v1.1 was built with Vue.js (2015)
- v1.0 was built with Angular 1 and Coffeescript (2014)
## Development
### Load the extension in Chrome
To watch and build the extension:
```sh
pnpm run dev
```
To add the extension to Chrome:
1. Open chrome://extensions/
1. Click "Load unpacked" button
1. Select `dist` directory of this project
1. Open a new tab
### Test
```sh
pnpm run test
pnpm run test-storybook
```
### Release
To build the extension for production:
```sh
pnpm run build
```
Create a new release tag.
GitHub Actions will build a package for production as `dist.zip` archive.