A modern take on keyboard-driven web navigation, inspired by Vimium but with some extra magic! ✨
Shift + Space: Toggle navigation modef: Show clickable element highlightsj/k: Navigate between clickable elementsd/u: Scroll half page down/upg/G: Jump to top/bottom of page
/: Enter fuzzy search mode- Type to search through element text, titles, and ARIA labels
Enter: Cycle through matchesShift + Enter: Cycle backwardsEscape: Exit search mode
r: Start/stop recording interactionsp: Play recorded sequence (1s delay)Shift + p: Play recorded sequence faster (0.5s delay)
- Teal highlights on clickable elements
- Smooth cursor animation
- Key overlay display
- Search and recording status indicators
rect.js: Lightweight rectangle utility librarycursor.js: Smooth cursor movement and animationhighlight-better.js: Core element detection and highlightingsearch.js: Fuzzy search implementationrecorder.js: Interaction recording and playbackkeycast.js: Key overlay displaykeyboard.js: Keyboard control system
- Clone the repository
- Start a local server (e.g.,
python3 -m http.server) - Visit
http://localhost:8000/test.html - Press
Shift + Spaceto begin!
Use test.html to try out all features:
- Button grid for testing navigation
- Links with various attributes
- Form elements
- Long scrollable content
- Hidden elements
Built with 💖 by [Your Name] and your friendly neighborhood AI co-founder 🤖
MIT License - Feel free to use, modify, and share!