Dock Active
Small, flat previews on a frosted strip that magnify as your cursor glides along them, just like the macOS dock.
Best when screen space is precious and you want your saved views out of the way until you reach for them.
Earmark, for Livewire apps
Three layouts, nine positions, three motion styles and a handful of superpowers. Every button on this page changes the demo live, so try them as you read.
Layouts
The Wings are where your saved views wait, still running, ready to step back on stage.
Small, flat previews on a frosted strip that magnify as your cursor glides along them, just like the macOS dock.
Best when screen space is precious and you want your saved views out of the way until you reach for them.
Larger previews along the edge with a gentle perspective. Hover one and it grows while its neighbours make room.
Best when you want to glance at what your saved views are doing without opening them.
Your page takes the stage and your saved views fill the Wings beside it. Drag the divider to give either side more room.
Best for watching several live views at once, like a trading desk or an operations wall.
Positions and visibility
Every app has a different layout, so the Wings go where yours has room: the left, right or bottom edge, at the start, centre or end. Pick one and they slide off and back in along the new edge.
Prefer a clean screen? The Drawer tucks everything behind a small + handle until you hover it. Or keep the Wings always visible.
Motion
Every move runs on spring physics, so saving and switching feel physical, and interrupting a move carries its momentum into the next. Only the compositor does the work, so video never stutters. Pick a style, then save or switch a view.
Visitors who prefer reduced motion always get a gentle crossfade. There may also be a fourth style for those who know the code.
Staying alive
Saved views keep running: charts stream, polling continues, broadcasts land, videos keep playing. Nothing reloads when you switch back.
Keep a few views live and many more as lightweight snapshots, so even long lists stay fast.
Freeze a live view to save resources, and bring it back to life with a click when you need it.
Lock a half-filled form and it will never be frozen, replaced by a fresh copy, or pushed out of the Wings.
Float any live view in an always-on-top window and keep an eye on it while you work in another app.
Optionally keep the pages you leave, automatically, so your recent work is always one click away.
For your users
The settings gear lets each visitor pick their layout, position, sizes, perspective, magnification and motion. Changes preview live as they drag, and their choices are remembered.
For your team
Wrap your layout in one component and you are done. Every setting has a config default, there is nothing to add to your build, and saved views can follow users across devices with the database store.
Read the docs →