Skip to content

πŸ’₯ CSSTail is a VSCode extension for convert CSS styles to TailwindCSS utility classes. Select, Right-click and boom!

License

Notifications You must be signed in to change notification settings

nafasebra/csstail

Folders and files

NameName
Last commit message
Last commit date

Latest commit

8473b43 Β· Dec 26, 2024

History

27 Commits
Dec 22, 2024
Dec 11, 2024
Dec 24, 2024
Dec 10, 2024
Nov 4, 2024
Nov 4, 2024
Jul 27, 2023
Dec 25, 2024
Jul 27, 2023
Dec 26, 2024
Nov 4, 2024
Nov 4, 2024
Dec 26, 2024
Nov 4, 2024
Nov 4, 2024
Dec 22, 2024

Repository files navigation

CSSTail icon

CSSTail VSCode Extention

Select your properties, press right-click and select convert css to tailwind!

"CSSTail" extension is designed to streamline the process of converting traditional CSS code into corresponding Tailwind CSS utility classes. It helps developers transition to using Tailwind CSS by providing a seamless and efficient conversion tool directly in their code editor.

preview

Features

  • Automated Conversion: Converts CSS properties into Tailwind utility classes.
  • Inline Suggestions: Get Tailwind class suggestions as you type.
  • Bulk Conversion: Convert entire CSS blocks into Tailwind classes with a single command.
  • Support for Common Properties: Handles a wide range of CSS properties.
  • Custom Configuration: Supports user-defined mappings and Tailwind theme extensions.

Requirements and installation

  1. Open VS Code.
  2. Go to the Extensions Marketplace (Ctrl+Shift+X or Cmd+Shift+X on macOS).
  3. Search for CSSTail.
  4. Click Install and enjoy ✌️.

Usage

  1. Highlight a CSS property or rule.
  2. Right-click and select Convert to Tailwind from the context menu.
  3. The CSS code will be replaced with the equivalent Tailwind class.

Contribution

We welcome contributions from the community! To contribute:

  • Fork the repository.
  • Make your changes and commit them: git commit -m 'Add some feature'
  • Push to the branch: git push origin your-branch-name
  • Open a pull request on GitHub and provide a detailed description of your changes.
  • Submit your pull request with a detailed description of your changes.

License

This extension is licensed under the MIT License.

Enjoy!

About

πŸ’₯ CSSTail is a VSCode extension for convert CSS styles to TailwindCSS utility classes. Select, Right-click and boom!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published