Developer Tools

.tag.warn{background:#3d2f0c;color:#fcd34d}
.tag.warn{background:#3d2f0c;color:#fcd34d}
Inspect CSS transitions with property, duration, timing function, delay, and timing diagram preview.
View
.tag.bad{background:#3d1414;color:#fca5a5}
.tag.bad{background:#3d1414;color:#fca5a5}
Inspect CSS attribute selectors with specificity, element matching, search, copy, and highlight testing.
View
.tag.dim{background:#1b2740;color:var(--ink3)}
.tag.dim{background:#1b2740;color:var(--ink3)}
Inspect CSS sibling combinators (+, ~, >, space) with type detection, specificity, and element matching.
View
.msg{display:none;border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5}
.msg{display:none;border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5}
Inspect CSS selector groups with individual specificity, element matching, and combined group testing with highlighting.
View
.msg.show{display:block}
.msg.show{display:block}
Inspect CSS selector specificity values (a,b,c) with element matching, search, copy, and test mode.
View
.msg.err{background:#2a1212;border:1px solid #5b2020;color:#fca5a5}
.msg.err{background:#2a1212;border:1px solid #5b2020;color:#fca5a5}
Inspect CSS at-rules including @media, @font-face, @keyframes, @import, and @supports with active status.
View
.msg.warn{background:#2a2210;border:1px solid #5b4520;color:#fcd34d}
.msg.warn{background:#2a2210;border:1px solid #5b4520;color:#fcd34d}
Inspect CSS nesting selectors (parent > child, &, @nest) with structure, specificity, and element matching.
View
.msg.ok{background:#0e2a24;border:1px solid #1c5348;color:#5eead4}
.msg.ok{background:#0e2a24;border:1px solid #1c5348;color:#5eead4}
Inspect CSS cascade layers (@layer) with names, order, rule counts, and element layer detection.
View
.bar{height:6px;background:#0a1424;border-radius:4px;overflow:hidden;margin:8px 0}
.bar{height:6px;background:#0a1424;border-radius:4px;overflow:hidden;margin:8px 0}
Inspect CSS container queries (@container) with conditions, container names, rule blocks, and element detection.
View
.bar span{display:block;height:100%;width:0;background:var(--teal);transition:width .25s}
.bar span{display:block;height:100%;width:0;background:var(--teal);transition:width .25s}
Inspect CSS scroll-driven animations with timeline types, scroll/view containers, ranges, and element detection.
View
table{width:100%;border-collapse:collapse;margin-top:6px}
table{width:100%;border-collapse:collapse;margin-top:6px}
Inspect CSS color functions including rgb, hsl, lab, lch, oklab, oklch, and color-mix with swatch previews.
View
th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;
th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;
Detects and lists all CSS color keywords used on any page with live preview, search filtering, and click-to-inspect element color
View
color:var(--ink3);padding:6px 4px;border-bottom:1px solid var(--line)}
color:var(--ink3);padding:6px 4px;border-bottom:1px solid var(--line)}
Detects and lists all CSS custom properties (variables) on any page with computed values, element context, and click-to-inspect
View
td{padding:6px 4px;border-bottom:1px solid var(--line);font-size:12px}
td{padding:6px 4px;border-bottom:1px solid var(--line);font-size:12px}
Detects and lists all HTML tables on any page with structure analysis, cell preview, search, and export to CSV or Markdown.
View
.hint{font-size:11px;color:var(--ink3);line-height:1.5;margin-top:8px}
.hint{font-size:11px;color:var(--ink3);line-height:1.5;margin-top:8px}
Detects and lists all CSS border declarations on any page with property analysis, color preview, search, and copy-to-clipboard.
View
footer{max-width:820px;margin:0 auto;padding:18px;text-align:center}
footer{max-width:820px;margin:0 auto;padding:18px;text-align:center}
Detects and lists all CSS position and layout properties on any page with element context, box model display, and click-to-inspect.
View
header: title (plain text only — no icon or emoji next to the name),
header: title (plain text only — no icon or emoji next to the name),
Detects and lists all HTML headings (h1-h6) with hierarchy visualization, styling details, and click-to-inspect document outline.
View
address chip, connect button
address chip, connect button
Detects and lists all interactive elements on any page with type, label, validation attributes, and click-to-inspect.
View
main:   <div id="msg" class="msg"></div>
main: <div id="msg" class="msg"></div>
Detects and lists all DOM elements with id or class attributes, showing selector, text preview, depth, and duplicate detection.
View
card: network select
card: network select
Detects and lists all HTML select dropdowns with options, selected values, validation attributes, and export to JSON/CSV/HTML.
View
card: 1. look up (address / hash / token id)
card: 1. look up (address / hash / token id)
Detects and lists all addresses and hashes on any page: crypto addresses, IPs, emails, URLs, token IDs, with validation.
View
card: 2. results
card: 2. results
Detects and lists all search results, product listings, and articles on any page with title, description, link, and metadata.
View
Two cards because a lookup is still a sequence — what to look up, then
Two cards because a lookup is still a sequence — what to look up, then
Detects and lists all search and lookup input fields on any page with values, placeholders, form context, and favorites.
View
what was found. This tool signs nothing, so do NOT use "review" or
what was found. This tool signs nothing, so do NOT use "review" or
Detects and lists all numeric values on any page: prices, percentages, dimensions, time values, counts, with context.
View
Showing 817–840 of 1,104
1333435363746 Page 35 of 46

Log in to BotGentz

Suggest an App

Tell us what you'd find useful — if we build it, we'll email you the moment it's ready.