Introducing Noah UI

A Vue.js Framework for Web Artisans

For the past few months, I have been tinkering with Vue.js and trying to build a component library, which slowly turned into more of a framework, based on work we’ve been doing at ArckInteractive. I have drawn inspiration from many other frameworks, I have worked with in the past, and numerous articles about UX, UI and design systems, I have read here on Medium.

Why another framework?

I have worked with several Vue.js frameworks, including Vuetify, ElementUI and Buetify, and I have had my share of frustrations. They are wonderful tools, but they come with their limitations. There were things I wanted to do differently and approach this from a perspective of a development agency such as ArckInteractive that deals with many different sites and apps and is unable to commit to Material Design, Bootstrap, Tailwind et al. We wanted to have a framework that works for our needs, not deal with other frameworks that lock us into paradigms that ship with them.

What’s next?

NoahUI is still in its infancy and will undergo a few more iterations, before it’s production ready.

It was quite an undertaking, but I am happy I have managed to get to where it is today on my own. At this point, I would like to invite others to contribute, if that’s something you see as being useful to your future work. There are tests to be written, docs to be updated, components to be finalized, and bugs to be fixed.

It’s a culmination of 10 years of experience in dealing with a few dozens of projects, so I am confident that it’s a solid product, but I am disillusioned with open source and quite tired of being altruistic, so unless there is a commitment from other stakeholders, it will take me a lot longer to finish.

You can see the source code at https://github.com/arckinteractive/noah-ui

View the Demo and Docs at https://arckinteractive.github.io/noah-ui/