NAFUI - Not Another Framework - Create component systems and build products that stand out

Meet NAFUI

NAFUI is a code template for creating component systems and technology agnostic web development tooling, jam packed with features out of the box. With NAFUI you can easily create and manage your own component system, design language and tooling. It works anywhere with any stack.

• Your own unique UI and UX
• No framework lock-in
• Ship better features faster

The Product

Check out this full product walkthrough:

Back to basics

NAFUI has no runtime dependencies, meaning that it works anywhere in any tech stack. You never have to worry about being locked into one framework, or having to refactor large amounts of code because someone you never met working for a company you have no affiliation to decided to "rethink everything" again.

Build your own design language

Define your design language with everything from colors to typography, roundness and shadows in one single configuration file and have it reflected across all your components and utilities. If you want different brands or applications to look different but use the same components then you can easily create separate CSS configuration files for your different projects.

Create products that stand out

It is harder than ever to have a brand that stands out and a user experience that feels truly unique to users and customers. Taking a step back from what everyone else is doing may feel uncomfortable at first, but after a while you start to realize just how little you needed all these complicated tools to begin with, and just how much you can innovate without them.

Frequently Asked Questions

1. Why?
   A great deal of developers are experiencing framework burnout today. Having to refactor and rebuild the same things over and over again because of changes to technologies outside of their control that do not contribute to delivering value. At the same time it is also getting harder to stand out with a user experience and branding that feels unique to customers. I wanted to use my experience and knowledge to help, and this project was the result. By building directly on top of the web platform you will no longer have to worry about refactoring, deprecations or troubleshooting errors completely unrelated to your actual code. It makes development much more fun, adds stability to projects over time, and results in far superior products with faster development cycles.
2. What do I get?
   You get a code template for creating component systems and technology agnostic web development tooling, jam packed with web components, CSS and utilities out of the box. The project comes set up with all the basic tools you need to start developing, documenting, testing and deploying with tons of documentation. Configure your design system in a single file and make it your own. If you purchase the lifetime updates package you will also get invited to a Github repository where you will be able to access any future updates to the project.
3. Are components also included?
   Yes. Among other things the template is populated with 11+ web components, 25+ CSS components and numerous utilities. You can either use these as they are in your next project or rework them to fit your own needs. A few utilities included are toast notifications, promise based dialog utilities like "alert", "confirm" and form prompts, a thread planner, a fully interactive window system, and internationalization tools. Out of the box NAFUI aims to solve most of your typical problems, while still leaving room to be creative, put your own flair on it, and focus on the specifics.
4. Will it work in my tech stack?
   Yes. This project was specifically built to have no runtime dependencies and to work in in any existing web stack, regardless of what other technologies you are using. There are several examples included in the project that show how to use the generated library with a range of framework flavors, including nextjs (react), nuxtjs (vue), and sveltekit (svelte).
5. What happens after I buy it?
   After you buy NAFUI you will immediately get access to a download of the latest major version. If you purchased the lifetime updates then you will receive an invite to a Github repository within 24 hours from where you will be able to access updates in the future.
6. Can I use my components commercially?
   Yes, you can use the components you create with NAFUI in commercial projects. Please find exact terms in our license agreement and terms of service.
7. Is it worth the cost?
   Creating something like NAFUI from scratch and getting it right from the start requires both a significant time investment and experience. Add on top of that the time it takes to build out a set of fundamental components and utilities and you could easily end up spending hundreds of hours. NAFUI saves you all these headaches so that you can hit the road running and start producing value. You are not just buying code, you are buying time.
8. Who are you?
   My name is Henrik! I have a long history within in the IT industry as a developer, tech lead and CTO. Having coded for over two decades myself I keep coming back to the fundamentals. With NAFUI I have tried to apply my knowledge and experiences from real world, major IT projects to something that just works, will keep working for a long time moving forward, and is simple enough to where it is "just enough" engineered.

Want to learn more?

Check out our product website at https://www.notanotherframework.com/