Overview

If you're a developer working with Tailwind CSS, you know how quickly classes can pile up, making it difficult to keep track of what each one does. The tw-values.nvim plugin for Neovim is here to streamline that process. This plugin, still in progress, provides a convenient way to view CSS values for all Tailwind CSS classes applied to an element. It leverages the power of the LSP functionality, ensuring that you can easily access and utilize those class values without losing focus on your coding.

As the plugin continues to develop, it invites contributions and feedback from users, making it a community-driven tool. With its straightforward installation and minimal configuration, tw-values.nvim aims to enhance your Tailwind experience by providing clarity on what each class represents.

Features

CSS Value Preview: Instantly see the computed values of Tailwind CSS classes for better understanding and ease of access.
Copy Functionality: With focus_preview=true, effortlessly copy CSS values to use in your traditional CSS files without any hassle.
LSP Integration: Makes use of the existing Tailwind LSP server, ensuring you benefit from real-time feedback and functionality.
Minimal Configuration: Easy to set up with your preferred plugin manager and requires minimal configuration options.
Fallback Parser Support: The plugin can handle various HTML variants using an HTML parser, including htmldjango and others, enhancing its versatility.
Multiple Language Support: Currently supports a broad range of languages, including TypeScript, React, Vue, and more, catering to a diverse developer audience.

Maximilianlloyd

Tw Values.nvim