Uikit 3


Hey Thierry,

I realize Uikit 3 is still in beta, but I can't wait to get my hands on it with Beans. I realize that upgrading Beans to use Uikit 3 by default would break Uikit 2 sites. Is there a way for us to build a new version of Beans using Uikit 3 for new sites? If so, how would we go about modifying Beans to do so?

Thanks, Thierry! Our team absolutely loves your theme.

Best, Chris


Hi Chris,

Like you correctly said, UIkit 3 is still in Beta and a few components are not built yet. This makes it impossible for us to move on with UIkit 3 in Beans core.

Unfortunately, another issue is that UIkit 3 doesn't have backwards compatibility for UIkit 2 which goes against Beans principals to a certain extent. We haven't quite figured out the future Beans migration to UIkit 3 but one thing is sure, it will only happen when UIkit 3 is at a very solid state πŸ˜‰ I would personally strongly advise to wait before working on production website using UIkit 3. I am a huge believer of building solid solutions and using UIkit 3 at this stage is too premature.

If you really want to do so, it is possible as you can modify everything in Beans without hacking core files (using filters and actions) πŸ˜‰ Will you have to modify some HTML to fit UIkit 3 markup and more importantly, include UIkit 3 files and modify Beans compiler.

Have fun,


So basically we can go into the stylesheet and copy the newest styling over the default one?


Hi Dee,

I am not 100% sure what you mean but if it is to copy UIkit 3 code and paste it in Beans core files, the answer is no you shouldn't do that (never modify Beans core files). It would take a significant amount of work to replace Beans UIkit 2 by UIkit 3 (which is still in beta) and I would definitely not advise it at this stage.

Happy coding,


I meant more like copying into the child theme to override the default.

For example uikit 3 Accordion has a better styling in my opinion as it includes open and close icons.


Hi Dee,

If you really want to do so, it is possible as you can modify everything in Beans without hacking core files (using filters and actions) πŸ˜‰ Will you have to modify some HTML to fit UIkit 3 markup and more importantly, include UIkit 3 files and modify Beans compiler.

I already replied to that question as quoted above πŸ˜‰ Just to clarify, all the advise quoted above are meant to be done via the child theme as nothing should ever be changed in Beans core files. As already mentioned in this thread, I do not advise to do so though.

Happy coding,

Write a reply

Login or register to write a reply, it's free!