Frontend
Hook
Hooks
What fluid-functionalism runs automatically, and when. A hook is a command Claude Code fires at a fixed moment, without you asking for it.
Install
$ npx -y skills add mickadesign/fluid-functionalism --agent claude-codeShips with fluid-functionalism. Installing the plugin gets these hooks.
Where it lives
- hooks/use-fluid-hover.tsGitHub
Read the script
export { useFluidHover, useRegisterFluidHoverItem, ACTIVE_ATTR, ACTIVE_INDEX_ATTR, pickNearest, isOwnEvent, } from "@/registry/default/hooks/use-fluid-hover"; export type { ItemRect, PickNearestInput, UseFluidHoverReturn, UseFluidHoverOptions } from "@/registry/default/hooks/use-fluid-hover"; - hooks/use-keyboard-nav-gate.tsGitHub
Read the script
export { useKeyboardNavGate } from "@/registry/default/hooks/use-keyboard-nav-gate"; - hooks/use-merge-split.tsGitHub
Read the script
export { useMergeSplitBlocks, useSelectionRuns, SelectionBackgrounds, } from "@/registry/default/hooks/use-merge-split"; export type { Run, SelBlock } from "@/registry/default/hooks/use-merge-split"; - hooks/use-touch-primary.tsGitHub
Read the script
export { useTouchPrimary } from "@/registry/default/hooks/use-touch-primary";
Read the script before you install anything that runs on your machine. This is the one part of a plugin that acts without being asked.
Ships withfluid-functionalism
Refined UI components with satisfying hover. A shadcn/ui registry of components, the systems they share, and blocks that compose them.
Get the whole plugin
Stats
998
Stars
48
Forks
Active
Maintenance
TypeScript
Language
MIT
License
22h ago
Last commit
7mo ago
Created
11h ago
Added
Repo: mickadesign/fluid-functionalism

