Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Tailwind Config ViewerNew to Visual Studio Code? Get it now.

Tailwind Config Viewer

Preview

Kalimah Apps

|
138 installs
| (0) | Free
View Tailwind config for the current workspace
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Tailwind Config Viewer


View the config of your Tailwind CSS project in a sidebar. It will show you all the colors, fonts, spacing, etc. that you have defined in your config file as per tailwind.config.js file.

Screenshots

Alt text


Development

  1. Clone the repo
  2. run npm install
  3. run cd client && npm install
  4. Restart VS Code if you have it open

When you open the project in VS Code, tasks will run automatically to build src and client folder. You can also run manually using the scripts in package.json for both folders.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft