Instant spotlight like search and actions in your browser with Sugu Search.

Overview

Sugu Search

Preview

Instant spotlight like search and actions in your browser with Sugu Search.

Developed by Drew Hutton

Grab it today for Firefox and Chrome soon.

Table of contents

Features

  • ⚑️ 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...

Controlling the interface

Opening Sugu

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.

Closing Sugu

To close Sugu you can press Esc, click on the background, or press the extension icon.

Switching between dark and light mode

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.

List of commands

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

Developers contribution guide

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.

Running Locally / Self Hosting or Testing

You can build and run this extension locally without needing to install though the store.

Developers

Chrome

  1. Clone the code with your git client of choice or zip download.
  2. Open a terminal and navigate to the root of the project.
  3. Run npm install or yarn.
  4. Run npm run build or yarn build.
  5. Open Chrome and navigate to chrome://extensions/ make sure you enable developer mode.
  6. Click on the Load unpacked extension button, located the public folder and click on the Load button.
  7. You should now see the extension in the list of extensions. And can use Sugu in the browser.

Firefox

  1. Clone the code with your git client of choice or zip download.
  2. Open a terminal and navigate to the root of the project.
  3. Run npm install or yarn.
  4. Run npm run build or yarn build.
  5. Delete the manifest.json file in the public folder, and rename the manifest.v2.json file to manifest.json. (This is because Firefox does not support v3 manifest files and chrome requires them!)
  6. Open Chrome and navigate to about:debugging page and click "This Firefox" from the menu.
  7. Click on the Load Temporary Add-on button, located the public folder and click on the Load button.
  8. You should now see the extension in the list of extensions. And can use Sugu in the browser.

Non-developers

TBA

Special Thanks

Disclaimer

Acknowledgments

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.

Contact

Any questions, comments or direct feedback you are welcome to contact me with email Here or raise a Github issue.

You might also like...

A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebWorker like neither of those.

Amuchina A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebW

Sep 17, 2022

Keep your Business Logic appart from your actions/loaders plumbing

Keep your Business Logic appart from your actions/loaders plumbing

Remix Domains Remix Domains helps you to keep your Business Logic appart from your actions/loaders plumbing. It does this by enforcing the parameters'

Jan 2, 2023

Use this project as a tool for remembering your daily tasks, confirming, editing, remove are actions you can do to tasks, your data is saved in the LocalStorage so every time you open or refresh the page all changes will be present.

To-do-list The porpuse for this project is show You, the way how to implement webpack in a project creating a To-Do list in for add a template to crea

Nov 18, 2022

make ie browser like a morden browser main for ie6~ie8,

ieBetter.js It's created for IE6-IE8. Why need this? Modern browsers are so powerfull. For some small project, there is no any reason to include a lar

Dec 19, 2022

Automatically document all of your Remix loaders and actions typings per each route. πŸ“š

Automatically document all of your Remix loaders and actions typings per each route. πŸ“š

About remix-docs-gen parses all of your Remix loaders and actions and automatically documents all the typings per each route. Installation First, you

Nov 9, 2022

Buildable's core open-source offering for actions that makes it easy to collect, centralize and action your backend system activity

Buildable's core open-source offering for actions that makes it easy to collect, centralize and action your backend system activity

What are Action Templates? Action Templates are open-source functions that save developers hundreds of hours when integrating databases, apps and othe

Nov 5, 2022

Less clicking, more creating. Navigate to your favorite actions on the websites you love with just one click.

Less clicking, more creating. Navigate to your favorite actions on the websites you love with just one click.

Navigate to your favorite actions on the websites you love with just one click Web https://irtaza9.github.io/awesome-shortcuts/ Available Shortcuts Go

Aug 25, 2022

🐷 Collect historical performance data on your products via Lighthouse CI & Github Actions

Datahog 🐷 Datahog is a template repo, configured to collect historical performance data on your products via Lighhouse CI & Github Actions. Setup Cli

Sep 21, 2022

Github Actions and Workflows that make maintaining Magento2 projects and modules easier.

Magento 2 GitHub Actions Opinionated Github Actions and Workflows to make building, testing, and maintaining Magento 2 Modules easier. README if you a

Dec 21, 2022
Comments
  • Chrome: Error cannot access contents of the page

    Chrome: Error cannot access contents of the page

    Hi! Good job with this extensions it looks good!

    I was trying to make it work in local on Chrome and here is the error I get:

    Error: Cannot access contents of the page. Extension manifest must request permission to access the respective host.
    

    The strange thing is that it seems that the value "*://*/*" of the key host_permissions inside the manifest.json file should prevent this kind of issues.

    Do you have any idea how to fix this bug? Thanks a lot!

    opened by vkaelin 0
  • Visual inconsistencies on different pages

    Visual inconsistencies on different pages

    Due to some webpages (most) having their own stylings to mess with things, It would be nice to have some kind of protection from that, however until this issues goes away I do not know how to do this.

    opened by yoroshikun 0
  • Add Settings Page

    Add Settings Page

    Just a issue to track Adding a settings page to the extension.

    Things that could become settings are

    Search type: Fuzzy, Exact and Direct List type: Virtual or Full (Virtual for performance benifits, but can be less reliable) Accent Color: A colour Actions Enabled: [Shortcuts, Default, Developer]

    opened by yoroshikun 0
  • Document Plugin System & Possible User addable actions

    Document Plugin System & Possible User addable actions

    As of now plugin system is code level, meaning it is somewhat easy for developers who "know what they are doing" to add new commands as such. This should be documented

    As a further goal, adding a user friendly and safe way to add custom actions would be nice! This issue is to track that.

    opened by yoroshikun 0
Owner
Drew Hutton (Yoroshi)
Drew Hutton (Yoroshi)
Deploy an Architect project from GitHub Actions with keys gathered from aws-actions/configure-aws-credentials

Deploy an Architect project from GitHub Actions with keys gathered from a specific AWS IAM Role federated by an IAM OIDCProvider. CloudFormation to cr

Taylor Beseda 4 Apr 6, 2022
Easily create key board shortcuts for your JS functions. Built using JS only with no other dependency. Inspired from MacOS spotlight

floodlightjs Inspired from macOS spotlight, floodlight is simple JS library that will show a search area. How the search is handled is completely on y

Raj Nandan Sharma 6 Aug 12, 2022
Spotlight! but for Developers.

Auxilium Auxilium is an app built to look and feel like the spotlight app for mac, but is made for developers, so you can find solutions on stack over

Nav 13 Dec 15, 2022
InstantClick makes following links in your website instant.

InstantClick All the informations you need to use InstantClick are on the link above. This ReadMe’s purpose is about how to use and contribute to a de

Alexandre Dieulot 5.5k Jan 5, 2023
express-like middleware system for your remix loaders and actions

remix-middleware Add an express-like middleware stack to your remix loaders and actions! yarn add remix-middleware // ./app/middleware.server.ts expor

Eric Bower 26 Nov 22, 2022
Simple shopping cart prototype which shows how React components and Redux can be used to build a friendly user experience with instant visual updates and scalable code in e-commerce applications.

This simple shopping cart prototype shows how React components and Redux can be used to build a friendly user experience with instant visual updates a

Ivan Kuznietsov 3 Feb 8, 2022
Multi-chain sniper bot to buy and sell tokens on ETH compatible chains. Features include instant or mempool sniping, rug protection, and sell management.

An open-source defi sniper. defi-sniper is free to download. NEW Community telegram group: https://t.me/+aBLUmP1UnypiNTVh Premium Services Now Availab

spacemonk 6 May 3, 2022
"Jira Search Helper" is a project to search more detail view and support highlight than original jira search

Jira Search Helper What is Jira Search Helper? "Jira Search Helper" is a project to search more detail view and support highlight than original jira s

null 41 Dec 23, 2022
A live instant messaging app that translates user messages into the other user's preferred language.

BabelFish Description BabelFish is an interactive multi-person chat app with built in live translation. It is created using the MERN stack (MongoDB, E

Jamel 3 Jul 18, 2022