ionic-team / ionic-team/ionic-docs
content: Add tailwind-ionic-utils plugin to community resources
- Langage dominant
- MDX
- Étoiles
- 621
- Forks
- 3.2k
- Merge moyen
- 1 j 2 h
- PR mergées (30 j)
- 86
Description
### Describe Problem
Hi Ionic team 👋
I've created an open-source utility library called [tailwindcss-utils](https://github.com/medbenmakhlouf/tailwindcss-utils/tree/main/ionic) 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](https://medium.com/@medbenmakhlouf/supercharge-your-ionic-app-styling-with-tailwind-css-v4-e23ebd6521f7) 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_
Guide de contribution
Ouvrir le guide de contribution
Évaluation
Cette issue n'a pas encore été évaluée.