Instant spotlight like search and actions in your browser with Sugu Search.
Developed by Drew Hutton
Grab it today for Firefox and Chrome soon.
- ⚡️ Blazing fast and lightweight UX Built with Svelte
- 💅 Modern Fluid UI
- 👀 Suggested actions in the search bar
- 🗂 Tab management
- 📚 Bookmarks management
- ⌨ Keyboard shortcuts
- 🔌 Plugin based extendable actions
- 🌙 Dark and light mode
- 🔒 Secure, private no login
- 🧩 Integrations (Web shortcuts)
Much more not listed...
To open Sugu, simply press ⌘+Shift+K
on Mac or Ctrl+Shift+K
on Windows. You can change the shortcut by going to chrome://extensions/shortcuts.
Alternatively you can click on the extension icon in the toolbar to toggle it.
To close Sugu you can press Esc
, click on the background, or press the extension icon.
The dark and light theme in Sugu is currently tied to your system's theme.
On Mac you can change the theme by clicking on the Apple menu (on the top left), opening the System preferences, going into the General section, and then choosing between dark, light, or auto.
On Windows it depends on the OS version. Here is a guide for Windows 11 and 10.
After switching the theme you might need to restart Chrome.
You can use a variety of commands with Sugu to perform actions or filter your results.
- /tabs: Search your tabs
- /bookmarks: Search your bookmarks
- /history: Search your browser history
- /actions: Search all available actions
- /remove: Remove a bookmark or close a tab
To develop with this extension you need to have npm or yarn installed.
Once you have downloaded the git repo, you can install the dependencies by running npm install
or yarn
. This project preferably uses yarn. Please do not commit the npm.lock file.
yarn
# or npm install
To run the extension in development mode, you can run npm run dev
or yarn dev
.
yarn dev
# or npm run dev
To build for production, you can run npm run build
or yarn build
.
yarn build
# or npm run build
All required files will be copied to the dist
folder.
You can build and run this extension locally without needing to install though the store.
- Clone the code with your git client of choice or zip download.
- Open a terminal and navigate to the root of the project.
- Run
npm install
oryarn
. - Run
npm run build
oryarn build
. - Open Chrome and navigate to
chrome://extensions/
make sure you enable developer mode. - Click on the
Load unpacked extension
button, located the public folder and click on theLoad
button. - You should now see the extension in the list of extensions. And can use Sugu in the browser.
- Clone the code with your git client of choice or zip download.
- Open a terminal and navigate to the root of the project.
- Run
npm install
oryarn
. - Run
npm run build
oryarn build
. - Delete the
manifest.json
file in thepublic
folder, and rename themanifest.v2.json
file tomanifest.json
. (This is because Firefox does not support v3 manifest files and chrome requires them!) - Open Chrome and navigate to
about:debugging
page and click "This Firefox" from the menu. - Click on the
Load Temporary Add-on
button, located the public folder and click on theLoad
button. - You should now see the extension in the list of extensions. And can use Sugu in the browser.
TBA
- Svelte - Cybernetically Enhanced Web Apps
- Omni - Alyssa X's Original Omni Chrome Extension
- whats.new - Amazing resource for url as shortcuts
- Fluid UI Icons - Microsoft Fluent UI Icons
- Web Extension Polyfill - Web Extension Polyfill
This work is highly inspired by Omni by Alyssa X. This project was originally developed to be a alternative JQuery-less version of Omni, but due to the scope of changes rewrites and features the project has become its own development. The project is offered with the same MIT license so that people are free to take optimizations and implement them back into Omni if wanted, but I highly recommend you checkout and help this project develop further.
Any questions, comments or direct feedback you are welcome to contact me with email Here or raise a Github issue.