morph by @rockingrohit9639
npm GitHub

Your UI learns what
each user actually uses.

Frecency-based UI adaptation. Track interactions, rank by usage, surface what matters — zero settings pages needed. 4.5KB, zero dependencies.

npm i @morph-sdk/core See demos
0 dependencies · 4.5KB bundle size · TypeScript first · Framework agnostic

Interactive Demos

Sidebar with Quick Access

Command Palette

Action Toolbar

Your top 3 actions appear in Quick Access at the start. Position stays stable so muscle memory works.

How it works

1. Track

Call morph.track(group, id) on user interactions. Clicks, opens, hovers — you decide what counts.

2. Rank

Call morph.rank(group) to get items sorted by frecency. Recent + frequent items score highest.

3. Adapt

Use the ranking to highlight, surface in quick-access panels, or prioritize in search. Positions stay stable — no disorientation.