Ranorex Logo

Your Smart CSS Selector Generator

Ranorex Selocity is a free Chrome extension that simplifies CSS selector creation for Selenium, WebDriver.io, and Protractor—helping QA teams build accurate, maintainable selectors faster.
RNX Product Logos_Selocity – Dark Text
Your Smart CSS Selector Generator

What Is Ranorex Selocity?

Ranorex Selocity is free extension for Chrome DevTools and a free CSS selector generator designed for automation engineers who need a fast, efficient way to create and evaluate selectors. It helps you generate unique selectors for any web element with instant feedback—making it easier to locate elements securely and accurately.

After choosing from the generated selectors, simply copy and paste them into your Selenium tests. Selocity also supports other frameworks like WebDriver.io and Protractor.

Why Use Ranorex Selocity?

Creating selectors manually can feel like a guessing game. Ranorex Selocity takes the guesswork out with a smart CSS selector generator that ensures accuracy and simplicity. Since it’s completely free, you can enhance your testing toolkit without impacting your budget.

Selocity also saves valuable development time—reducing rework, increasing selector reliability, and accelerating test creation. With so many benefits and virtually no downsides, this tool is an easy win for your selector generation process.

Benefits of Using a CSS Selector Generator

Ranorex Selocity is a smart CSS selector generator that streamlines your test automation workflow. Adding it to your toolkit offers several key benefits:

Quicker Selenium Test Creation

Save time with built-in keyboard shortcuts and instant selector generation. Just right-click any page element to access selector options, then copy and paste directly into your tests—quotes will be automatically added.

Improve the Quality of Selectors

Selocity cuts down the time required to generate, edit, and evaluate selectors—streamlining the entire selector testing process. It supports multiple locator strategies, including:

  • RanoreXPath
  • CSS
  • Link Text
  • XPath

Explore Selector Creation

With the Ranorex Selocity smart selector, dynamically generated IDs will be ignored. You’ll be able to locate the most stable Selenium locators that can be copied and pasted directly into Selenium. You can easily edit and change the selectors as you go, making it easier to maintain your tests.

Modify Selectors

Within the sidebar panel, you can quickly edit selectors. Selocity includes an auto-detect feature that highlights a selector and shows the number of matching DOM elements—making it much faster than manually selecting and verifying matches.

Compatible with RanoreXPath

RanoreXPath allows users to easily identify UI elements in any application on any platform. Selocity works in conjunction with our XPath product. Using XPath selectors, premium object recognition makes selectors shorter and more stable. Using these tools together allows you to reap the maximum benefits of speed and efficiency from start to finish.

Dark Mode

Dark mode is a must-have for today’s developers, offering visual consistency with other dev tools and editors. Ranorex Selocity supports dark mode to provide a seamless user experience and reduce eye strain during long coding sessions.

Constantly Improving

We’re constantly working to improve our extension based on the feedback of our loyal users. We happily welcome any feedback you’d like to provide on your experience with Ranorex Selocity.

Frequently Asked Questions

Ranorex Selocity saves time by simplifying the creation, editing, and evaluation of selectors—one of the most tedious parts of Selenium test development. With multiple selector strategies, quick access via Chrome DevTools, and seamless copy-paste functionality, it helps automation engineers build more reliable tests faster.

Simply download the free Chrome extension. From there, Selocity integrates directly into Chrome DevTools and is easy to use.

Ranorex Selocity is compatible with Selenium, which is compatible with CSS, XPath, Link Text, and RanoreXPath.

A CSS selector generator like Ranorex Selocity saves time, improves accuracy, and reduces manual effort in test creation. It helps you quickly identify web elements, generate multiple selector options, and avoid common issues like brittle or overly complex selectors—leading to more stable and maintainable test scripts.

You can create or modify selectors using the evaluation box in Ranorex Selocity. Select from automatically generated options or enter your own custom selector. Matching elements are highlighted instantly, making it easy to validate and fine-tune your choices.

To copy a selector, right-click any element on your web page and select the quick copy option from the context menu. You can also use the copy button directly within the Ranorex Selocity tab for fast access.

There are various configuration options available by clicking the icon in the top right of Ranorex Selocity. These include settings like ignoring automatically generated IDs during selector generation, enabling automatic escaping, and more.

RanoreXPath is used to identify UI elements in applications across any device. Its syntax is based on the XML-based XPath language. While RxPath is typically used with Ranorex Spy, a beta program is in development that will allow RxPath to be used in Selenium WebDriver tests.

We always welcome any feedback you’d like to provide on your experience with Ranorex Selocity.

book-mobile

Save Time With Ranorex Selocity

Save time with Ranorex Selocity and experience quicker test creation and heightened selector quality. Download the FREE Chrome browser extension for access to tools that will streamline your process.