Buscador de complementos para Firefox
  • Extensiones
  • Temas
    • para Firefox
    • Diccionarios y paquetes de idiomas
    • Otros sitios de navegadores
    • Complementos para Android
Iniciar sesión
Vista previa de traceless-style DevTools

traceless-style DevTools por Spark Golden Tech

Inspect traceless-style atomic CSS classes, design tokens, dark mode, and RTL state on any page.

5 (2 reviews)5 (2 reviews)
Descarga Firefox y obtiene la extensión
Descargar archivo

Metadata de la extensión

Sobre esta extensión
A DevTools panel for traceless-style — the zero-runtime atomic CSS library for React, Next.js, Vite, Remix, Astro,
SvelteKit, Qwik, and Solid.

Inspect any traceless-style class on the live page in real time:
  • Inspector — pick any element and see every tl* class on it, the (property, value, selector) triplet each class
    encodes, the cascade order showing which classes are currently contributing styles vs. overridden, and inline
    conflict warnings when two classes set the same property.
  • Classes — searchable browser of every tl* class on the page with use-counts. Filter by prop:value syntax.
  • Tokens — every --tl-* CSS custom property surfaced from your tl.defineTokens calls, light and dark variants
    side-by-side, live-editable.
  • Theme — toggle dark mode and RTL direction live, preview different tlTheme* overrides without touching code.
  • Animations — list every @keyframes registered via tl.keyframes, with a one-click preview button per
    animation.
  • Stats — rule count, used-class count, CSS bundle size, token / theme / animation counts.

Pure read-only — the extension never executes user code, never makes network calls, never collects telemetry. All data
stays inside DevTools.

Works on any page using traceless-style v1.0.0 or later. Open DevTools (F12) on a page using the library, switch to
the traceless-style tab.

Source code: https://github.com/sparkgoldentech/traceless-style/tree/main/devtools
Rated 5 by 2 reviewers
Inicia sesión para evaluar esta extensión
Todavía no hay valoraciones

Se guardó la valoración

5
2
4
0
3
0
2
0
1
0
Leer las 2 revisiones
Permissions and data

Permisos requeridos:

  • Ampliar las herramientas para desarrolladores para acceder a tus datos en las pestañas abiertas

Data collection:

  • The developer says this extension doesn't require data collection.
Saber más
Más información
Enlaces del complemento
  • Ayuda del sitio
  • Correo de ayuda
Versión
0.5.0
Tamaño
54,12 KB
Última actualización
hace 5 días (30 de abr. de 2026)
Categorías relacionadas
  • Desarrollo web
Licencia
MIT License
Historial de versiones
  • Ver todas las versiones
Añadir a la colección
Informar sobre este complemento
Ir a la página de inicio de Mozilla

Complementos

  • Acerca de
  • Blog de complementos de Firefox
  • Taller de extensiones
  • Central del desarrollador
  • Normativas para desarrolladores
  • Blog de la comunidad
  • Foro
  • Informar de un error
  • Guía de revisión

Navegadores

  • Desktop
  • Mobile
  • Enterprise

Productos

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacidad
  • Cookies
  • Legal

A menos que se indique lo contrario, el contenido de este sitio está licenciado bajo la licencia Creative Commons Reconocimiento Compartir-Igual v3.0 o una versión posterior.