StyleSnipe - Chrome Extension

Tagline: Chrome extension for inspecting and copying element styles.

StyleSnipe makes it easy to inspect and understand the styles of any webpage element. It provides a quick and clear view of an element's layout and style details. This Chrome extension is lightweight and focused on providing instant visual feedback about any element's styles and position. No complex configuration is needed – just hover and inspect.

Key Features

• Hover to see grid lines showing element position
• View margin, padding, font size, weight, line height, family, and actual rendered font
• Press spacebar to lock the hover card for detailed inspection
• See both HTML and CSS styles of the element
• Copy styles easily for your own use

Tech Stack

• ReactJS (Vite)
• Tailwind CSS