GetEles - Your front-end assistant to reveal web's design | Product HuntGetEles.1.4.0

Your front-end assistant

Since this is a demo, there may be some differences between it and the extension you installed~

GetEles.

Your front-end assistant

State

Border Color

Lite

Module Switch

v1.4.0, we have launched features such as screenshots, shortcuts, quick measurements, and also provide [WeChat Pay] subscription method, come and experience it now~

GetEles.
GetElementsBy( EveryThing )

A convenient, efficient, and user-friendly browser extension program

Features

Learn more about GetEles.

Shortcuts

For your convenience, GetEles supports shortcut operations

Image

Activate Extension

Alt/Option + Shift + G

Image

Card Mode - Switch Module

Alt/Option + Shift + C

Image

Card Mode - Temporarily Hide/Restore

Alt/Option + Shift + X

Image

Quick Measurement

Select an element, then press Alt/Option

GetEles supports quick operations through shortcuts, if it is invalid, please go to the browser【Extension Program-Extension Program Management-Keyboard Shortcuts】to set it

Basic Information

Free

Quickly get the basic information of the webpage, such as title, description, webpage color, etc.

Image
Image

Web Resources

Free

Quickly get the resources of the webpage, such as image resources, etc.

Image

Element Information

FreePro

Quickly get the size of the selected element, including size, padding, border, margin, and more.

Image
Image
Image
Pro

Structure Tree

Pro

You can quickly view the structure tree of the webpage, and you can directly switch to the element you want to know about.

Image

Convert to Tailwind CSS

Pro

Automatically scan the element's style and convert it into Tailwind CSS classes.

Image

Measure Distance

Free

Only need to slightly move the mouse and you can quickly mark the distance between elements for you.

Image

Read Later

ProLite Mode

Save the webpage you want to read later, and you can quickly access it later.

Image

Lite Mode

ProLite Mode

More lightweight and simple interaction experience, not only preserves the basic functions, but also adds some interesting small functions

Image
Image

Performance

ProLite Mode

Get the performance information of the webpage, such as FCP, LCP.

Image

API Logs

ProLite Mode

Listen to the API calls of the webpage, making it easier for you to understand the behavior of the webpage.

Image

Screenshot

FreeProLite Mode

You can select element screenshot, or page screenshot, in the Pro version we added advanced screenshot functions, but it does not support websites with a lot of dynamic content (such as social platforms etc.)

Image
Image

Pricing

If you feel

GetEles.

is helpful to you, you are welcome to use it~

FAQ

Answer common questions

  • Why is it called GetEles. ?

    GetEles. is the abbreviation for GetElementsBy( EveryThing ), derived from a function/method in JavaScript.

  • What is GetEles. ?

    GetEles. is a browser extension application that will be released in different browser extension stores.

  • What problems can be solved by GetEles. ?

    GetEles. is positioned as a "front-end assistant" for developers/designers, which can help you quickly obtain basic information about web pages, element information, and even measure the distance between elements. PS: These operations can be easily completed by simply clicking/moving the mouse, which is very convenient.

  • Does GetEles. continue to update?

    Of course! Now it only includes some "basic" features, and new features will continue to be introduced in the future. Of course, personal creativity is limited, and I welcome everyone to give me suggestions!

Get GetEles. now

Add to Chrome now