StyleSnipe - Chrome extension

StyleSnipe - Chrome extension

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.

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

StyleSnipe is lightweight and focused on what matters: giving you instant visual feedback about any element's styles and position. No complex configuration needed – just hover and inspect.

Image GalleryImage GalleryImage Gallery

Tech Stack

  • ReactJS (Vite)
  • Tailwind CSS