Flying Focus · Focus Snail · Focus Zoom · Focus Hug

Focus Transition

Flying Focus is a UI concept. It adds a transition to the focus outline when you tab around inputs, buttons, and links.

flying-focus.js standalone script

Includes all necessary CSS and has no external dependencies. Build with

rake standalone

Safari extension

Build with

rake safari

Chrome extension

No build step required; just load it as an unpacked extension from

chrome/

Related browser bugs

• TAB focus navigation doesn't show focus rings for buttons in Chrome
• Impossible to change outline CSS property of some form elements Chrome WebKit
• No way to hide focus outline in Firefox, none of the methods mentioned on StackOverflow work

Who uses Flying Focus