💡 What is Nated UI?

Nated UI is a open source CSS Framework like Tailwind CSS and provides much more flexibity over tailwind in following ways:

• Lightweight
• Works just with a stylesheet link
• Dynamic class based styling (e.g. py-7 = padding: 7px 0;)
• UI Elements (working...)

Where to use it from

Head over to ui.nated.in to access the Nated UI or use the stylesheet and scripts from here:

For static styling:

<link rel="stylesheet" href="https://ui.nated.in/styles/min.css">

For dynamic classes:

<script src="https://ui.nated.in/styles/min.js"></script>

With NPM:

npm i nated

Just add the StyleSheet inside head tag for static styling:

<link href="/css/min.css" rel="stylesheet">

For dynamic CSS like Tailwind add the script tag to html document:

<script src="/js/min.js"></script>

Test instantly using:

<h1 class="bg-blue font-bold text-white">
    Testing the CSS
</h1>

🙌 How to contribute

I'm trying to make time for the project to switch the website codebase to NextJS and the most important task, use Completely NatedUI on this website itself.

Creating the Documentation is a time consuming process. I believe the code is relatively easy to understand and also I've a video on that

🔗 Walkthrough

• Project tutorial

• Project site: