the repository
patterns, code snippets, and basic practices for design engineering.
Docs
Getting Started—What is this, and why does it exist?
Linting—What it is, why and how to use it
Automated code quality checks to catch bugs early and enforce consistent style
Testable Code
How to write testable code and why it is important
Coming Soon...
Hooks
useCopyToClipboard
Copy text to the clipboard with feedback state and toast notifications.
useRemoteTrigger
Control dialogs, sheets, and other components triggered by open states or on the click of a trigger.
useSyncedState
useState that updates to the new value when the initial state changes.
useAutoFocusedInput
Auto-focus an input on typing non-modifier keys. Supports Escape/Enter blur with optional callbacks.
useHasMounted
Detect whether a component has mounted on the client. Useful for avoiding hydration edge-cases.
useFuzzySearch
Fuzzy search for flat lists powered by Fuse.js.
useFuzzySearchGroups
Fuzzy search across nested groups of items using Fuse.js.
By Marcelo