Hooks

Custom React hooks for common patterns and functionality.

Collection of reusable React hooks that solve common problems in modern web applications.

Available Hooks

Debounce function calls to improve performance and prevent excessive API calls.

Check if the component is rendered on the client side, useful for SSR/hydration scenarios.

Warn users before leaving the page when there are unsaved changes.

Copy text to the clipboard with fallback support and feedback state management.

All hooks can be installed using the shadcn CLI:


pnpm dlx shadcn@latest add https://ui.nowts.app/r/<hook-name>.json

For example:


pnpm dlx shadcn@latest add https://ui.nowts.app/r/use-debounce-fn.json

On This Page

Build Your SaaS in Days, Not Months

NOW.TS is the Next.js 15 boilerplate with everything you need to launch your SaaS—auth, payments, database, and AI-ready infrastructure.