A local UI tool for visualizing your Tailwind CSS configuration file during development.
Tailwind Config Viewer is a local development tool that creates a visual interface for your Tailwind CSS configuration file. It allows developers to browse colors, spacing, typography, and other theme values, and quickly copy class names to use in their projects. It solves the problem of manually searching through configuration files to find specific Tailwind classes during development.
Frontend developers and designers using Tailwind CSS who want a faster, visual way to reference their design system configuration during development.
Developers choose Tailwind Config Viewer because it provides an immediate, interactive reference for Tailwind classes directly in the browser, eliminating the need to switch between code and documentation. Its local-first approach and clipboard integration streamline the development workflow.
A local UI tool for visualizing your Tailwind CSS configuration file.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Enables single-click and bulk copy of Tailwind class names with Shift+Click for multiple selections, directly from the UI as described in Usage Tips, speeding up development workflow.
Exports the viewer as static HTML for hosting on any server, making it easy to share Tailwind configurations with team members without local installation, as shown in the export command.
Supports theme replacements for CSS variables and custom font loading via URLs, allowing accurate visual representation of design tokens, though with limitations on local files.
Includes a light/dark theme switch for comfortable viewing in different environments, enhancing usability as listed in Key Features.
Fonts can only be loaded from URLs, not local files, and if fonts are in the config without URLs, they display incorrectly with no warning, as admitted in the Configuration notes.
Exclusively designed for Tailwind CSS, so it's useless for projects using other CSS frameworks or custom design systems outside Tailwind.
As a local serve tool, it doesn't automatically refresh when the Tailwind config file changes, requiring manual restarts to see updates, which can interrupt workflow.