Notr UI

Notr UI is a collection of beautifully designed React components and utilities

🚀 Features

✅ Modern & Clean Design - Built and polished, consistent aesthetic

✅ Typescript Support - Fully typed for better dev experience

Quick Start

Installation

npm i @rahulrajdahal/notr-ui

Usage

import { Pill, Button } from "@rahulrajdahal/notr-ui";

export default function Component() {
  return (
    <div>
      <Button>Notr Button</Button>
      <Pill count={3} text={"Complete"} />
    </div>
  );
}

Components

| Component | Description | | -------------- | ----------------------------------------------------------------------------- | | Button | Fully customizable buttons with disable states | | Input | Fully customizable inputs with error states | | Debounce Input | Fully customizable inputs smart debounce and delays | | Password Input | Fully customizable password inputs smart, toggle between text and secret text | | Pill | Fully customizable pills |

Why Use This Library?

• ✔Faster Development - Pre-built, production-ready components
• ✔Consistent UX - Unified design across projects
• ✔Optimized Performance - Essential UI without bloat.

Made with 💝 in Bhaktapur, Nepal