Module Catalogue
31 modules available
Next.js Metadata API
Dynamic Open Graph metadata generation per page using the Next.js 14 Metadata API.
React Query Mutation with Optimistic Update
Optimistically update the UI before a mutation resolves, then rollback on error.
useMediaQuery Hook
React hook that returns true when a CSS media query matches.
React Error Boundary
Class-based Error Boundary component that catches render errors and shows a fallback UI.
CSS Custom Scrollbar
Cross-browser custom scrollbar styling with Webkit and Firefox fallback.
Virtual List Component
Render only visible rows in a large list for smooth performance with thousands of items.
useLocalStorage Hook
Typed React hook that syncs state with localStorage and handles SSR safely.
useFetch Hook with Abort
Data fetching hook with loading/error state and automatic request cancellation on unmount.
Glassmorphism Card
Pure Tailwind glassmorphism card with gradient border and background blur.
Next.js API Route with Zod Validation
Type-safe Next.js API route that validates the request body with Zod.
Zustand Store Template
Minimal Zustand store with typed state, actions, and Redux DevTools.
Accessible Focus-Trap Modal
Keyboard-navigable modal with focus trap and ARIA attributes. Closes on Escape.
Dark Mode Toggle Hook
Persist dark/light preference in localStorage and sync with Tailwind dark class strategy.
Infinite Scroll via IntersectionObserver
Load more content as the user reaches the bottom — no scroll listeners, no jank.
Self-Dismissing Toast Component
Lightweight toast notification with success, error and info variants.
Page 2 of 3