Skip to content
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.

From plugin
fluid-functionalism
9921 skill4 hooks
Install
$ npx -y skills add mickadesign/fluid-functionalism --agent claude-code

Ships 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