Skip to content

A Framer module for simulating the grid focus behavior found on Apple TV and Roku.

License

Notifications You must be signed in to change notification settings

gohypergiant/FocusEngine

Repository files navigation

FocusEngine Framer Module

license PRs Welcome Maintenance

Install with Framer Modules

The FocusEngine module allows you to simulate the grid focus behavior seen on streaming media players like Apple TV and Roku. Use the keyboard, RemoteLayer, or another mechanism to direct focus around your prototype’s canvas.

Once initialized, any visible layer can be brought into focus, even if it’s off screen. This permits the activation of off-screen menus. Visual appearance of focused elements can be customized.

FocusEngine preview

Installation

NPM Installation

$ cd /your/framer/project
$ npm i @blackpixel/framer-focusengine

Manual installation

Copy or save the FocusEngine.coffee file into your project's modules folder.

Adding It to Your Project

In your Framer project add the following:

# If you manually installed
fe = require "FocusEngine"
# else
fe = require "@blackpixel/framer-focusengine"