# Text Formatter Chrome Extension

> Lightweight Chrome extension to change text case (UPPERCASE, lowercase and more) and copy the result to the clipboard in one click.

Canonical page: https://www.abdullahkaleem.live/products/text-formatter · Last updated: 19 October 2025

Type: Chrome extension · Free
Add to Chrome: https://chromewebstore.google.com/detail/oechcgloflimiadaiahooanhfpfhclkl

## Overview

A lightweight, vanilla JavaScript Chrome extension designed for rapid, in-browser text case formatting and direct clipboard copying.

## The problem

Users frequently need to reformat text cases (UPPERCASE, lowercase, etc.) during daily workflows, but switching to external tools or websites breaks focus and slows down productivity.

## What I built

Developed a minimalist, high-speed Chrome extension residing directly in the browser toolbar, enabling one-click text transformations and instant clipboard copying without navigating away from the current tab.

## Results

- Successfully published the extension to the live Chrome Web Store.
- Delivered multiple distinct text transformation features (Capitalize all, lowercase all, etc.) in a single minimal UI.
- Gained hands-on experience with browser extension architecture, lifecycle events, and manifest configuration.

## Technical notes

### Architecture

A lightweight browser extension architecture relying entirely on vanilla JavaScript, HTML, and CSS, functioning strictly within the browser's popup context defined by the manifest.json file.

### Technical decisions

- **Used purely vanilla JavaScript, HTML, and CSS without any frontend frameworks.** To ensure the extension remains incredibly lightweight, guaranteeing instantaneous popup load times and strict compatibility across all Chrome versions.

### Challenges and fixes

- **Navigating the Chrome Web Store publishing process and securely managing browser permissions.** Successfully configured the `manifest.json` with the principle of least privilege, handling permissions securely to pass the Chrome Web Store review process.

## Built with

JavaScript, HTML, CSS, manifest.json (Chrome Extensions API)

## More products

- [Bookmarks Glance - Chrome Extension](https://www.abdullahkaleem.live/products/bookmarks-glance): Minimal Chrome extension that turns the New Tab page into a clean, organised overview of your bookmarks.