Skip to content

feat: Add tailwind-ionic-utils plugin to community resources #4126

Open
@medbenmakhlouf

Description

@medbenmakhlouf

Describe Problem

Hi Ionic team 👋

I've created an open-source utility library called tailwind-ionic-utils that brings full support for Ionic CSS variables to Tailwind CSS v4 using the new @Utility directive.

🔧 Key Features:

Converts Ionic CSS variables (like --background, --padding-top) into Tailwind-style utility classes

Supports utilities like ion-bg-, ion-text-, ion-pt-*, and more

Designed for scalability and design system integration

Improves DX by eliminating inline styles and encouraging consistent theming

📝 I also wrote a detailed Medium article explaining how it works and why it’s useful for developers building Ionic apps with Tailwind.

If this aligns with your goals, I’d be happy to maintain it and evolve it based on community feedback. I'd love to see it listed in your resources or mentioned in theming docs to help other developers discover it.

Thanks for considering!

Describe Preferred Solution

No response

Describe Alternatives

No response

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions