Code Library
A collection of useful code snippets, patterns, and utilities for everyday development.
Tailwind Responsive Grid Patterns
tailwindCommon responsive grid layouts using Tailwind CSS for cards, galleries, and dashboards.
Next.js Metadata Helper
nextjsReusable helper function for generating SEO-optimized metadata in Next.js App Router.
TypeScript Utility Type Patterns
typescriptCommon TypeScript utility types for everyday development: DeepPartial, RequireAtLeastOne, and more.
Zod Schema Patterns
typescriptCommon Zod validation patterns for forms, API responses, and environment variables.
Gradient Text with Tailwind CSS
tailwindCreate beautiful gradient text effects using Tailwind CSS utility classes.
useLocalStorage Hook
reactCustom React hook for syncing state with localStorage, with SSR support and type safety.
useClickOutside Hook
reactDetect clicks outside an element - perfect for dropdowns, modals, and popover menus.
useFetch Hook
reactA lightweight data fetching hook with loading, error states, and refetch capability.
useDebounce Hook
reactReact hook to debounce rapidly changing values, perfect for search inputs and API calls.
Smooth Scroll CSS & JS
cssImplement smooth scrolling with CSS and JavaScript, including scroll-to-top and anchor navigation.