shadcn-ahooks

Production-ready React Hooks

A comprehensive collection of 75+ React hooks from ahooks library, installable via shadcn/ui CLI. Copy-paste the hooks you need and own the code.

Browse Hooks View on GitHub

75+

React Hooks

100%

TypeScript

Dependencies

🎯

Battle-Tested

Used in production by thousands of developers. Each hook is thoroughly tested and optimized for real-world scenarios.

🚀

Copy & Own

Install via shadcn/ui CLI and own the code. Customize freely without worrying about breaking changes.

📚

Full Documentation

Comprehensive docs with TypeScript types, examples, and API references for every hook.

Quick Start

1. Install a hook

npx shadcn@latest add https://shadcn-ahooks.vercel.app/r/useRequest.json

2. Use in your component

import { useRequest } from '@/hooks/useRequest';

function UserProfile() {
  const { data, loading } = useRequest(
    () => fetch('/api/user').then(res => res.json())
  );

  if (loading) return <div>Loading...</div>;
  return <div>Hello {data.name}!</div>;
}