OUI UI Library: Why the Zerodha CTO Built a Tiny 8KB Web Tool

Modern web development has a big problem with size. Many websites today feel slow and heavy. This happens because developers use too many complex tools. Kailash Nadh is the CTO of Zerodha. He decided to fix this problem. He built a new tool called OUI. It is a minimal UI library that only takes up 8KB. This library helps developers build fast websites without all the extra junk. It removes the bloat that usually comes with modern coding stacks.

The Problem With Modern Web Development

Building a website today often feels like building a giant machine. Most developers use libraries that require a lot of code. This is often called JavaScript bloat. When a user visits a site, their browser has to download megabytes of data. This happens before they can even see a single button or form.

Why JavaScript Bloat is Dangerous

Large code files make websites slow to load. This is bad for users with slow internet. It is also bad for people with older phones. Beyond speed, these big stacks are fragile. They rely on too many other pieces of code. If one small part breaks, the whole website might stop working.

The Massive Code Folders

If you have ever built a modern app, you know about the "node_modules" folder. This folder can hold thousands of files. It takes up a lot of space on a computer. It makes the project hard to manage. Many of these files are unnecessary dependencies. You do not always need all that extra code to build a simple button.

Introducing OUI by Kailash Nadh

Kailash Nadh wanted a better way. He is the person who runs the technology at Zerodha. Zerodha is a huge company. It handles millions of users every day. They are famous for using lightweight infrastructure. They do not like wasting computer power. Kailash took this same idea and applied it to UI design.

What Makes OUI Different?

OUI is not like React or other big frameworks. It is designed to be as small as possible. The entire library is only 8KB. For context, that is smaller than most photos you see online. It does not require a complex setup. You do not need to spend hours configuring your computer to use it.

No Build Step Required

Most modern tools require a "build step." This means you have to run a command to turn your code into something a browser can read. This step can be slow and annoying. OUI removes this step completely. You do not need to wait for your code to compile. You just write your code and it works.

How to Use OUI in Your Project

Using OUI is very simple. You do not need to run a long "npm install" command. You do not need to manage a giant list of dependencies. To get started, you only need two files.

1. A CSS file: This handles how the website looks.

2. A JavaScript file: This handles how the website acts.

You just drop these two files into your project. Once they are there, you can start building right away. It is a drop-in solution for people who want to work fast.

Everything You Need in One Package

Even though it is small, OUI includes the most important parts of a website. You do not have to build basic things from scratch. It comes with:

• Forms: Easy to use input fields for users.

• Buttons: Clean and functional buttons for actions.

• Toggles: Simple switches to turn settings on or off.

• Modals: Pop-up windows that appear over the main screen.

These components are ready to go. They look good and they work well. You get all of this without the massive weight of a standard UI library.

The Benefits of Semantic HTML

OUI uses semantic HTML. This means the code uses tags that describe what the content is. For example, it uses tags that tell the browser "this is a header" or "this is a navigation menu."

Better for Accessibility

Semantic HTML is very important for people who use screen readers. It helps the computer understand the structure of the page. Because OUI follows these rules, your website will be easier for everyone to use.

Works Everywhere

Because OUI is so simple, it works on every browser. You do not have to worry about your site breaking on an older version of Chrome or Safari. It uses standard web technology that has existed for a long time. This makes your project stable for the future.

Why Scale Matters

Kailash Nadh knows a lot about scale. At Zerodha, the systems must be fast and reliable. When millions of people are trading stocks, the website cannot crash. It cannot be slow. This is why he likes minimalist tools.

The Open Source Philosophy

Kailash is now sharing this philosophy with everyone. OUI is open source. This means any developer can look at the code. Anyone can use it for their own projects for free. He wants to help other developers escape the trap of heavy, bloated software.

Saving Your Projects From NPM

Many developers feel that "npm install" has slowed down their work. It adds too much complexity. If you feel this way, OUI is worth checking out. It brings back a simpler time of web development. You get to focus on your content instead of managing your tools.

Comparing OUI to Heavy Frameworks

FeatureModern UI LibrariesOUIFile SizeMegabytes8KBReact NeededUsually YesNoBuild StepRequiredNoneComplexityHighLowDependenciesManyZero

As you can see, OUI wins when it comes to simplicity. It is built for developers who value their time and their users' data.

Is OUI Right for You?

Not every project needs a giant framework. If you are building a simple app or a personal website, OUI might be the perfect choice. It gives you the essential tools without the headaches. You can build something that loads instantly.

When to Choose Minimal Tools

Choose OUI if you want:

• Fast load times for your users.

• A project that is easy to maintain.

• To avoid complex coding environments.

• Clean, simple designs that just work.

Conclusion

The OUI library is a breath of fresh air for web developers. Kailash Nadh has shown that you do not need a lot of code to build a great user interface. By using just one CSS file and one JavaScript file, you can create a professional site. It is fast, light, and easy to use.

If you are tired of fighting with huge code folders, give OUI a try. It follows a simple rule: keep things as small as possible. This philosophy has worked for Zerodha at a massive scale. Now, it can work for your projects too. Stop letting bloat slow you down and start building with OUI video.