Extensões do Navegador Firefox
  • Extensões
  • Temas
    • Firefox
    • Dicionários e Pacotes de Idioma
    • Outros navegadores
    • Extensões para Android
Entrar
Pré-visualização 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 (3 avaliações)5 (3 avaliações)
1 usuário1 usuário
Baixe o Firefox e instale a extensão
Baixar arquivo

Metadados da extensão

Sobre esta extensão
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
Avaliado em 5 por 1 revisor
Identifique-se para avaliar esta extensão
Ainda não existem avaliações

Avaliação salva

5
3
4
0
3
0
2
0
1
0
Ler todas as 3 análises
Permissões e dados

Permissões necessárias:

  • Estender as ferramentas de desenvolvimento para acessar seus dados nas abas abertas

Coleta de dados:

  • O desenvolvedor afirma que esta extensão não requer coleta de dados.
Saiba mais
Mais informações
Links da extensão
  • Site de suporte
  • Email de suporte
  • Copiar ID da extensão
Versão
0.5.0
Tamanho
54,12 KB
Ultima atualização
há 3 meses (30 de abr de 2026)
Categorias relacionadas
  • Desenvolvimento Web
Licença
Licença MIT
Histórico de versões
  • Ver todas as versões
Adicionar a uma coleção
Denunciar esta extensão
Ir para a página inicial da Mozilla

Extensões

  • Sobre
  • Blog de extensões do Firefox
  • Workshop de extensões
  • Central do desenvolvedor
  • Diretivas do desenvolvedor
  • Blog da comunidade
  • Fórum
  • Relatar um erro
  • Guia de análise

Baixar

  • Download Firefox
  • Windows
  • macOS
  • iOS
  • Android
  • Linux
  • All

Versões mais recentes

  • Nightly
  • Beta

Firefox para empresas

  • Enterprise

Comunidade

  • Connect
  • Contribute
  • Developer

Seguir

  • Instagram
  • YouTube
  • TikTok
  • Bluesky
  • Podcast
  • Privacidade
  • Cookies
  • Jurídico

Exceto onde de outra forma notado, o conteúdo deste site está licenciado sob a Creative Commons Licença de Atribuição Compartilha-Igual v3.0 ou qualquer versão posterior.