Utilities & NamingToolNo license fileFree

Tailwind Config Viewer

Local UI that shows a Tailwind configuration file as browsable, copyable values

Aboutgithub.com

Tailwind Config Viewer runs a local page that shows the values in a Tailwind CSS configuration file. You browse colors, spacing, type, and other sections, and click a value to copy its class name. It runs with npx from the folder that holds the config file. It targets the JavaScript config file of Tailwind v3.

Install

npx tailwind-config-viewer

For an agent

Use it on a Tailwind v3 project to audit custom tokens. Tailwind v4 moves configuration into CSS, so check support before you use it on a v4 project.

Why it is here. It makes a custom Tailwind theme visible to designers who do not read config files.

Install command, framework, licence and component list.

Notable for

Click to copy class names
Runs with npx
2
200+ GitHub stars

Provenance

Verified 2026-10-09. HTTP 200. https://github.com/rogden/tailwind-config-viewer (HTTP 200, page fetched 2026-10-09), https://github.com/rogden/tailwind-config-viewer (GitHub API, 2216 stars), depo.zip listing https://www.depo.zip/tools/j5788p1te5ek5nc7bnmqvcyje97t4z2p

Utilities & Naming