Version without Bootstrap? Like Tailwind? #1308
-
|
Im using Laravel + InertiaJS + ReactJS and Tailwind. I would love to use Backpack for a large project. But we want the dashboard to use TailwindCSS. How hard would it be to decouple Bootstrap? Thank you! |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 2 replies
-
|
Based on the knowledge sources provided, there are currently no official plans or support for a Tailwind CSS version of Backpack. The maintainers have considered this option but have decided to stick with Bootstrap for several reasons:
However, it's worth noting that Backpack v6 introduced a new theming system that allows for easier creation of custom themes. While this doesn't directly solve your Tailwind requirement, it does provide more flexibility for customization. As for decoupling Bootstrap, it would be quite challenging. Backpack's frontend is tightly integrated with Bootstrap, and removing it would require significant changes to the core structure and views of the admin panel. If you're set on using Tailwind with your Laravel + Inertia + React stack, you might need to consider alternative solutions or potentially create a custom Backpack theme, though this would be a substantial undertaking. For more information on Backpack's theming system and the reasoning behind sticking with Bootstrap, you can refer to these sources: ℹ️ Please note our AI Bot does not reply to follow-ups, this will be the only AI answer in this thread. If the AI helped you find the answer, please mark it as answered or write details below so it can learn. Then close the conversation. If not, please give more information for when a human reads this. ℹ️ Relevant sources: Github Issue (closed): Use bower or npm for dependencies |
Beta Was this translation helpful? Give feedback.
-
|
I was hoping to use Backpack for all user roles, so not having a better option than Bootstrap would be a no go. Bootstrap was popular in 2012......seems out of date? |
Beta Was this translation helpful? Give feedback.
-
|
Hey @hamburger-fries , To answer your question "how hard would it be to decouple from bootstrap" - HARD. Very hard. We have no plans of supporting Tailwind at this moment. If Tailwind is a requirement for you - then Backpack is not a good fit. Actually Bootstrap is still the most widely used CSS framework, today. Its just that its users are not as vocal as the Tailwind peeps. If you ask me, there are reasons to prefer one and the other. I'd argue in an admin panel setting, you're better off using Bootstrap. Hence - why we chose to stick with it. Just look at all the beautiful useful components you get from Bootstrap + Tabler. If you're building anything custom in your admin panel, these will save you SO MUCH time. But if you'd rather use Tailwind, I recommend Filament - it's a better fit for you. It's what I'd use if I had a preference for Tailwind. But careful - if your needs are super-specific or you'll end up customizing a lot of things, you might have a difficult time. Might be better to start from scratch. You can read my thoughts about Backpack vs Filament here - https://backpackforlaravel.com/articles/opinions/backpack-vs-filament Hope it helps. |
Beta Was this translation helpful? Give feedback.
-
|
This is a great answer. And for the record, some of us still cannot stomach tailwind. 🤢 |
Beta Was this translation helpful? Give feedback.
Hey @hamburger-fries ,
To answer your question "how hard would it be to decouple from bootstrap" - HARD. Very hard.
We have no plans of supporting Tailwind at this moment. If Tailwind is a requirement for you - then Backpack is not a good fit.
Actually Bootstrap is still the most widely used CSS framework, today. Its just that its users are not as vocal as the Tailwind peeps. If you ask me, there are reasons to prefer one and the other. I'd argue in an admin panel setting, you're better off using Bootstrap. Hence - why we chose to stick with it. Just look at all the beautiful useful components you get from Bootstrap + Tabler. If you're building anything custom in your admin panel, these w…