๐ Focus Flick: Plug-and-play web analytics for user focus, scroll, blur, click, and behavior tracking
npm install focusflickTrack user attention like never before.
FocusFlick is a lightweight, privacy-first JavaScript SDK for capturing focus, blur, mouse activity, and session analytics in real-time.
---
``bash`
npm install focusflick
---
`js
import FocusFlick from 'focusflick';
const flick = new FocusFlick({
siteOwnerId: 'ff_yourID123', // Required
enableClicks: true, // Track click events
enableMousemove: true, // Track mouse movement
enableFocus: true // Track tab focus/blur
});
flick.init();
`
You can retrieve the collected session data any time:
`js`
console.log(flick.getSessionData());
---
- Tracks click, mousemove, focus, blur, session_start, session_endlocalStorage
- Stores session data in
- Easily extendable for sending to APIs (e.g. Supabase, NocoDB, Render)
- Fully installable via npm or available as a standalone browser script
---
Don't want to install via npm?
Just use the browser version:
`html``
---
FocusFlick does not fingerprint or collect personal data.
All sessions are scoped to your own site domain, and you choose how data is handled (local vs. cloud).
---
Need help?
Email us at support@focusflick.xyz
---
- ๐ Website
- ๐ฆ NPM Package
- ๐งช Demo
---
MIT License โ free for personal and commercial use.