🧰 devendra98-utils

Reusable React + TypeScript UI Utilities Library A lightweight and customizable component collection built with ❤️ by Devendra — includes ready-to-use UI components like Buttons, Inputs, Headers, Cards, and more. Perfect for React developers who want speed, flexibility, and full control over design.

🚀 Installation npm install devendra98-utils

or

yarn add devendra98-utils

⚡ Quick Start import React from "react"; import { Button } from "devendra98-utils";

function App() { return ( <Button label="Click Me" onClick={() => alert("Hello from Devendra Utils!")} /> ); }

export default App;

🧩 Components Available Component Description Customizable Props Header Responsive header with logo, text, icons, and menu Logo, text, theme, mobile icon visibility Button Simple customizable button color, size, variant, onClick Input Controlled input field label, placeholder, value, onChange Card Flexible card layout title, content, image, footer Modal Lightweight modal isOpen, onClose, children

🪄 All components are fully customizable — colors, text, icons, alignment, and more.

🎨 Features

✅ Built using React + TypeScript ✅ Fully customizable props ✅ Responsive and mobile-friendly ✅ Theme support (light/dark optional) ✅ No external CSS framework required ✅ Easy integration in any project (CRA, Next.js, Vite, etc.) ✅ Built-in type declarations (*.d.ts) ✅ Supports tree-shaking for optimized bundle size

🛠 Example Usage (Header Component) import { Header } from "devendra98-utils";

export default function Demo() { return ( <Header logo="https://yourcdn.com/logo.png" title="My App" showHamburgerOnMobile backgroundColor="#fff" textColor="#000" onMenuClick={() => console.log("Menu clicked!")} /> ); }

📦 Project Info Property Value Version 1.0.1 License MIT Language TypeScript Build Tool Vite Framework React Last Published A day ago Maintainer hunter350 💡 Future Plans

Add more utility components (Dropdown, Tooltip, Toast, etc.)

Add animation presets using GSAP

Improve accessibility (ARIA support)

Add Storybook documentation

❤️ Contribute

Contributions and feedback are always welcome!

Fork the repo

Create your feature branch

Commit your changes

Push and create a PR

📄 License

This project is licensed under the MIT License — feel free to use it anywhere.

🌐 Links

NPM: npmjs.com/package/devendra98-utils

GitHub: github.com/devendra98-tech/devendra-utils

Author Portfolio: devendra98-tech.github.io/my-portfolio

🔥 Description (for NPM short description field)

A reusable React + TypeScript UI utilities library — includes fully customizable and responsive components like Button, Input, Header, and more. Built with Vite.