Earmark
You found them all! 🎉

Add your name to the leaderboard. Your time is counted from your first page view.

Your name, country and time will be shown publicly. See our privacy notice.

Name or nickname
Country
Earmark
Toggle sidebar

Quick start

Once <x-earmark> wraps your page content, try this on any page:

  1. Press + at the edge of the screen. The page steps into the Wings and a fresh copy loads on the stage.
  2. Go somewhere else in your app. The saved page keeps running in the Wings.
  3. Click its thumbnail. It swaps back onto the stage instantly, exactly as you left it.

Things to try

  • Save a page with a chart or a polling component, then watch its thumbnail keep updating.
  • Half-fill a form, save it, go elsewhere, and come back. Every field is still filled in.
  • Hover the Dock to magnify thumbnails, or open the settings gear to change the layout.
  • Lock a view with the padlock so it is never replaced or frozen.

Setting per-page options

Every option can be set on the component for that layout:

<x-earmark side="right" layout="theater" preset="glide" :live-limit="4" :total-limit="12">
    {{ $slot }}
</x-earmark>

Or app-wide in config/earmark.php. Visitors can then adjust their own view from the settings panel, and their choices always win over your defaults.

Demo
You are looking at a demo

This site shows Earmark, a Livewire package that keeps the pages you save alive and one click away. Every app here runs on simulated data, and nothing you do is stored on the server.

Earmark is still in development and not yet ready for production use.

Get in touch