Skip to content

samelogic/element-selector

Repository files navigation

CSS Path Selector

License

Samelogic CSS Path Selector is a powerful Chrome extension designed to help developers and designers easily select and copy CSS paths for web elements. Built by Samelogic, the leading provider of Smart Intercept Surveys, this open-source tool aims to streamline and simplify the process of web development and design.

Product Gif

Features

  • Select any element on a webpage and get its unique CSS path.
  • Copy the CSS path to your clipboard with a single click.
  • Light-weight and easy-to-use with user-friendly interface.
  • Helps to accelerate the process of debugging and designing.
  • Built by industry professionals to ensure top-notch quality and functionality.

Installation

  1. Clone the repository: git clone https://github.com/Samelogic/css-path-selector.git
  2. Navigate to chrome://extensions in your Chrome browser.
  3. Enable "Developer Mode".
  4. Click on "Load Unpacked" and select the cloned repository.
  5. The extension should now appear in your Chrome extension bar.

Usage

  1. Click on the extension icon in the Chrome toolbar.
  2. Click on any element in the webpage to select it.
  3. Click on "Copy to Clipboard" to copy the CSS path.
  4. The copied CSS path can now be used in your development or design work!

Contributing

We love contributions from the community! Please read the Contribution Guide to get started.

Support

If you encounter any problems or have suggestions, please message us at hi[at]samelogic.com. We'd be happy to help!

License

Samelogic CSS Path Selector is Apache 2.0 licensed.

About

Easily and accurately select and copy CSS paths.

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages