All projects
Open Source | 2024 |
Available on Chrome

DevTools Extension

Browser extension for managing localStorage & cookies

Role: Creator

Rol: Creador

Overview

A Chrome extension built with Preact and Tailwind CSS that provides a clean interface for inspecting, editing, and managing localStorage and cookies. Born from a personal pain point — the built-in Chrome DevTools for storage are functional but clunky for daily use.

The Challenge

As a developer working with multiple environments and auth flows, I was constantly digging through Chrome DevTools to inspect and modify localStorage and cookies. The native interface is powerful but not optimized for rapid daily use.

The Approach

Built a minimal Preact extension with Tailwind for styling. Focused on keyboard shortcuts, search, and bulk operations — the features I needed most. Used Chrome's extension APIs for storage access with proper permission scoping.

The Outcome

Became a daily-use tool in my workflow. Saves significant time when debugging auth flows, testing different user states, and managing development environment data.

Key Highlights

01 Clean UI for storage inspection and editing
02 Bulk operations on localStorage and cookies
03 Search and filter across all stored data
04 Built to solve a real daily workflow friction