Angular · Keyboard Navigation · Accessibility

Focusly – Intuitive, Elegant Keyboard Navigation for Angular.

Focusly gives your Angular app first-class keyboard navigation and focus management, especially for dense data grids and input-heavy UIs, with a tiny, declarative API.

✅ Built with Angular Signals for instant reactivity

✅ Standalone Angular components

✅ No runtime dependencies

✅ Upcoming support for any UI library

⚡ Try it - Focusly Demo App

🚀 Stackblitz Demo 📦 npm: @zaybu/focusly 💻 View on GitHub 💡 Got any comments, suggestions or questions?

What makes Focusly different?

There are plenty of data grids and UI libraries out there – but Focusly is only interested in one thing: keyboard navigation done right.

Works with your existing UI
Focusly doesn’t force you into a custom grid or component set. It works with your HTML, your components, and your design system.
Pure Angular, no heavy dependencies
Implemented as lightweight Angular directives with a small surface area, so it’s easy to understand, test, and extend.
Declarative, not imperative
You describe focusable regions and items; Focusly handles the arrow-key logic, edge cases, and movement rules for you.
Not tied to a single widget
Use the same navigation model across forms, grids, cards, toolbars, or any custom layout instead of having one-off implementations everywhere.
Built for real-world apps
Designed from production use in complex trading-style or spreadsheet UIs where fast, predictable keyboard movement really matters.

Instead of being “yet another grid”, Focusly aims to be the keyboard navigation layer you can drop into any Angular application.