Animated demo
See the interaction before you touch it
The cursor sweeps across a field note, the popup blooms in, then the copy action lands with a small click pulse.
Field note from the floating world of Aeralith
Above the lantern sea of Aeralith, archivists sketch the creatures that cross the bridges before dawn burns their paths away.
At dusk the survey records one last note before nightfall: silver kestrels wheel above the frost canals while ember foxes braid sparks through the reeds.
Two quick strokes should merge into one soft multiline selection before the popup arrives.
Interactive lab
Try selection and tune the feel
Drag across the stories, then adjust the controls to change brush size, softness, turbulence, merge timing, and popup behavior.
Demo area
Try selecting details from fictional places and creatures.
Sky Archive
Cloud Ledger of Myr
In Myr, librarians ride glass skiffs through weather vaults to index the migration of ember koi, a species that swims only through thunderheads and remembers every storm it survives.
Creature Field Note
Moonmoss Lynx
The moonmoss lynx leaves pale green footprints that glow for exactly nine breaths, giving trackers just enough time to follow it into the cedar tunnels beneath the obsidian dunes.
Frontier Chronicle
Vale of Tidemoths
At dusk the tidemoths rise from the cobalt reeds of Neral Vale, carrying tiny mirrors on their backs so the village can read the shape of tomorrow's wind.
More demos
See the core inside different UI patterns
These pages put the same selection engine into three distinct workflows: forum quoting, long-form excerpt collection, and persistent like or dislike reactions.
Forum workflow
Custom popup and quote insertion
A separate forum thread demo with square-corner popup styling, a top-right close control, Quote and Copy actions, and a reply area that switches between preview and raw forum markup.
Long-form collection
Persistent excerpts and copy-all
Collect separate passages across a long text, keep copied and fresh selections visible together, partially erase them, and copy the final set in document order.
Re:Likes
Reactions attached to exact words
A demo for the Clean Selection-based reaction library to turn selected phrases into persistent Like or Dislike marks, with an animated walkthrough and a live playground.