Skip to content

Feature Request: Tailwind CSS IntelliSense Plugin #2438

Description

@oortsky

Check for existing issues

  • Completed

Describe the feature

It would be great to have an official Tailwind CSS IntelliSense plugin for Acode to improve the development experience when working with Tailwind CSS projects.

Proposed Features:

  • Autocomplete for Tailwind CSS utility classes.
  • Hover preview showing the generated CSS for each utility class.
  • Support for Tailwind CSS v3 and v4.
    IntelliSense inside:
    • HTML
    • Svelte (.svelte)
    • React (.jsx, .tsx)
    • Vue (.vue)
    • Astro (.astro)
  • Support for common helper functions such as clsx, cn, and twMerge.
  • Project-aware suggestions based on the user's Tailwind configuration or stylesheet.
  • Linting for invalid or conflicting Tailwind classes.
  • Optional class sorting integration with Prettier.

Why This Feature Matters:
Tailwind CSS has become one of the most widely used CSS frameworks, and IntelliSense significantly improves developer productivity by providing accurate class suggestions, hover previews, and validation while writing code. Adding native Tailwind CSS IntelliSense support would make Acode a much more capable mobile development environment for modern web frameworks such as SvelteKit, React, Vue, Astro, and Next.js

If applicable, add mockups / screenshots to help present your vision of the feature

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    Status
    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions