traceless-style DevTools por Spark Golden Tech
Inspect traceless-style atomic CSS classes, design tokens, dark mode, and RTL state on any page.
1 usuário1 usuário
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:
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
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 byprop:valuesyntax. - Tokens — every
--tl-*CSS custom property surfaced from yourtl.defineTokenscalls, 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
@keyframesregistered viatl.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
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.
Mais informações
- Links 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
- Licença
- Licença MIT
- Histórico de versões
- Adicionar a uma coleção