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 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.