Shaddy is an open-source frontend resource library built on top of Next.js and shadcn/ui. It gives you a curated collection of production-ready UI components, fully typed React hooks, a schema-driven form system, utility functions, and guides to common React design patterns — all in one place.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/rijvi-mahmud/shaddy/llms.txt
Use this file to discover all available pages before exploring further.
Quickstart
Get Shaddy running in your Next.js project in minutes.
UI Components
Explore components like DateRangePicker, PhoneInput, Dropzone, and Stepper.
Typed Hooks
A collection of fully typed, reusable React hooks built for TypeScript.
Form System
Generate forms automatically from a Zod schema with react-hook-form.
Utilities
Helper utilities like composeProviders and createEnv for cleaner code.
React Patterns
Practical guides to Container-Presentation, Hooks, Compound Components, and more.
What’s Inside
UI Components
DateRangePicker, PhoneInput, Dropzone, Stepper — built on shadcn/ui foundations.
12 Typed Hooks
useBoolean, useDebounce, useLocalStorage, useEventListener, and more.
Form Fields
11 pre-built fields: text, password, phone, select, checkbox, date, and more.
Getting Started
Install via shadcn CLI
Use the
npx shadcn CLI to add individual components, hooks, or the full form system directly into your project.Pick your resources
Browse the UI Components, Typed Hooks, Form, and Utilities sections to find what you need.
Shaddy components and hooks are installed into your own codebase via the shadcn CLI, giving you full ownership and flexibility to modify them as needed.