DEV Community

Shakeel Ahamed
Shakeel Ahamed

Posted on

Snapbit

I Built Snapbit: An All-in-One Productivity Toolkit for Chrome — Now Live!

Hey developers! 👋

I'm excited to share a project I've been working on: Snapbit, a Chrome extension that combines several everyday browser productivity tools into one lightweight toolkit.

Snapbit is now officially available on the Chrome Web Store!

💡 The Idea Behind Snapbit

I wanted to bring frequently used browser utilities together instead of relying on multiple extensions for screenshots, image editing, screen recording, color picking and text conversion.

That idea evolved into Snapbit.

✨ Features

1. Screenshot Capture

  • Capture visible webpage content.
  • Select a specific screen region.
  • Capture full webpages.

2. Built-in Image Editor

  • Crop and resize.
  • Rotate and flip.
  • Draw and add shapes.
  • Add arrows and text.
  • Highlight important areas.
  • Blur and pixelate sensitive information.

3. Screen Recorder

  • Record browser tabs.
  • Record windows.
  • Record the entire screen.
  • Optional audio and microphone settings.
  • WebM output.

4. Color Picker

  • Pick colors directly from the screen using the EyeDropper API.
  • Copy HEX, RGB and HSL values.

5. Text Case Converter

Supports:

  • camelCase
  • PascalCase
  • snake_case
  • kebab-case
  • CONSTANT_CASE
  • Other useful text transformations.

🛠️ Technology Stack

The extension is built using:

  • Vue 3
  • Quasar Framework
  • TypeScript
  • Chrome Extension Manifest V3

🔐 Privacy First

Privacy was an important consideration during development.

  • User content is processed locally in the browser.
  • No external server uploads for user content.
  • No analytics or tracking.
  • No advertisements.
  • No account required.

Snapbit is completely free to use.

🔗 Try It Out

Chrome Web Store:

https://chromewebstore.google.com/detail/jkehbmbghegdemomfhkcbdddpibnjppe

Official Website:

https://sakmbd.github.io/snapbit-site/

💬 Feedback Is Welcome!

I'd love to hear from fellow developers and Chrome extension enthusiasts.

  • What feature would you like to see next?
  • What could be improved?
  • Have you encountered any bugs or compatibility issues?

Thanks for checking out Snapbit!

ChromeExtension #VueJS #TypeScript #Productivity #ShowAndTell

Top comments (0)