Professional React Hooks CLI for copy-based reuse.
npm install react-hookit> Professional React Hooks CLI - The shadcn/ui for your logic.
Hookit is a CLI tool designed to streamline React development by providing high-quality, copy-based hooks. No dependencies, no heavy libraries, just the code you need, exactly how you want it.
In modern React development, installed node_modules are becoming bloated. Following the philosophy of building modular, ownable code (like shadcn/ui), Hookit provides:
- Zero Dependencies: Every hook is standalone.
- Full Ownership: The code lives in your repo. Edit it to fit your needs.
- Smart Detection: Automatically handles TypeScript and JavaScript projects.
You don't need to install anything. Just run:
``bash`
npx react-hookit@latest add
`bash`
npx react-hookit@latest add useDebounce
npx react-hookit@latest add useLocalStorage --path src/utils/hooks
- list: Browse all available hooks.info
- : Detailed documentation and usage examples.add
- : Copy the hook to your project.
| Hook | Category | Description |
| :------------------------ | :---------- | :------------------------------------- |
| useDebounce | Utils | Delays value updates (Search, Resize). |useLocalStorage
| | State | Sync state with browser storage. |useIntersectionObserver
| | Browser | Detect visibility for lazy loading. |useWindowSize
| | Browser | Responsive window tracking. |useClickOutside
| | Interaction | Handle clicks outside components. |
We love contributors! To add a new hook:
1. Create a folder in registry/.hook.ts
2. Add , hook.js, and meta.json`.
3. Submit a PR.
MIT © Abdelrahman Ragab