Developer Tools

.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
.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
input,select,textarea{width:100%;padding:9px 11px;border-radius:9px;
input,select,textarea{width:100%;padding:9px 11px;border-radius:9px;
Inspect CSS media queries with active status, conditions, rule counts, viewport preview, and custom viewport testing.
View
border:1px solid var(--line);background:#0a1424;color:var(--ink);
border:1px solid var(--line);background:#0a1424;color:var(--ink);
Inspect CSS transform properties including transform, translate, rotate, scale, matrix, and perspective with preview.
View
font-size:13px;font-family:inherit;outline:none}
font-size:13px;font-family:inherit;outline:none}
Inspect CSS animations and transitions with computed values, play state, duration, and timing functions.
View
input:focus,select:focus,textarea:focus{border-color:var(--teal)}
input:focus,select:focus,textarea:focus{border-color:var(--teal)}
Inspect CSS filter and backdrop-filter properties with computed values, type detection, and element preview.
View
textarea{resize:vertical;font-family:var(--mono);font-size:12px}
textarea{resize:vertical;font-family:var(--mono);font-size:12px}
Inspect CSS overflow, text-overflow, white-space, word-wrap, and word-break with scroll and clip detection.
View
.mono{font-family:var(--mono)}
.mono{font-family:var(--mono)}
Inspect pointer-events, cursor, user-select, touch-action, scroll-behavior, and overscroll-behavior properties.
View
.btn{padding:10px 14px;border-radius:9px;border:1px solid transparent;
.btn{padding:10px 14px;border-radius:9px;border:1px solid transparent;
Inspect CSS background properties with color swatches, gradient detection, and image preview for any element.
View
cursor:pointer;font-size:13px;font-weight:650;font-family:inherit}
cursor:pointer;font-size:13px;font-weight:650;font-family:inherit}
Inspect CSS border and outline properties with color swatches, border-radius, and style detection for any element.
View
.btn-primary{background:var(--teal);color:#04211d;width:100%;margin-top:10px}
.btn-primary{background:var(--teal);color:#04211d;width:100%;margin-top:10px}
Inspect CSS size properties with rendered vs declared dimensions, padding, margin, and box-sizing.
View
.btn-primary:disabled{opacity:.45;cursor:not-allowed}
.btn-primary:disabled{opacity:.45;cursor:not-allowed}
Inspect CSS flexbox properties with container detection, direction, alignment, and flex item values.
View
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink2)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink2)}
Inspect CSS grid properties with container detection, track sizes, alignment, and grid item positions.
View
.btn-danger{background:var(--red);color:#fff}
.btn-danger{background:var(--red);color:#fff}
Inspect CSS list-style, counter, and marker properties with style detection and custom marker previews.
View
.btn-sm{padding:5px 9px;font-size:11px}
.btn-sm{padding:5px 9px;font-size:11px}
Inspect CSS table properties including display, border-collapse, border-spacing, caption-side, and table-layout.
View
API Response Formatter
API Response Formatter
Formats JSON and XML API responses, pretty-prints raw data, and tracks endpoint history with notes.
View
.btn-row{display:flex;gap:8px;margin-top:10px}
.btn-row{display:flex;gap:8px;margin-top:10px}
Inspect CSS positioned elements with position type, offsets, z-index, and stacking context detection.
View
.btn-row .btn{flex:1}
.btn-row .btn{flex:1}
Inspect CSS visibility, display, opacity, overflow, and clipping with visibility state and status indicators.
View
.kv{display:flex;justify-content:space-between;gap:10px;padding:6px 0;
.kv{display:flex;justify-content:space-between;gap:10px;padding:6px 0;
Inspect CSS text properties including font, color, alignment, decoration, and spacing with live preview.
View
border-bottom:1px solid var(--line);font-size:12.5px}
border-bottom:1px solid var(--line);font-size:12.5px}
Inspect CSS custom properties with values, definition selectors, usage locations, and computed values.
View
.kv .k{color:var(--ink3)}
.kv .k{color:var(--ink3)}
Inspect CSS gradients with type detection, color swatch preview, and copy support for any element.
View
.kv .v{color:var(--ink);text-align:right;word-break:break-all}
.kv .v{color:var(--ink);text-align:right;word-break:break-all}
Inspect CSS transforms with computed values, matrix preview, and visual effect demonstration for any element.
View
.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700}
.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700}
Inspect CSS pseudo-elements (::before, ::after, ::first-line, etc.) with content and computed styles.
View
.tag.ok{background:#0d3b32;color:#5eead4}
.tag.ok{background:#0d3b32;color:#5eead4}
Inspect CSS animations with play state, duration, iteration count, and interactive timeline preview.
View
Showing 793–816 of 1,119
1323334353647 Page 34 of 47

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.