Releases: lucasmarkes/hairline
Releases · lucasmarkes/hairline
Release list
v0.3.0
Added
loupeandLoupe: a stand loupe over a blank ruled sheet. The pointer
drags it across, and the rules pass enlarged under the glass with nothing
between them. A strongerintensitymagnifies more.sieveandSieve: three test sieves stacked over a pan. The pointer's
height picks one, it rises clear of the stack, and every mesh is bare. A
strongerintensityopens the gap further.railandRail: a garment rail with seven bare hangers. The pointer
brushes them, and each rocks away from it, the nearest most. A stronger
intensityreaches more hangers.plugandPlug: a wall socket and a plug lying on the floor at the end of
its cord. The pointer draws the plug up toward the socket; it stops short and
falls back. A strongerintensitybrings it closer.queryandQuery: a question mark built as a bent bar over a loose ball.
The hook turns toward the pointer and the ball rolls after it. A stronger
intensityturns it further.drawerandDrawer: a cabinet of three drawers. The pointer's height
picks one, and it slides out to show two dividers with nothing between them.
A strongerintensityopens it further.basketandBasket: a wire basket under a bail handle. It tilts toward
the pointer and shows its bare floor. A strongerintensitytilts it
further.plotandPlot: a bar chart with seven flat tabs where the bars would
stand. The pointer brushes them, and each lifts a little and drops back to
zero. A strongerintensitylifts them higher.
v0.2.0
Added
keyboardandKeyboard: a sixty-key board. The key under the pointer
sinks, and its neighbours follow it down, less the further away. A stronger
intensitysinks a wider patch of keys.elevatorandElevator: four floors beside an open shaft. The pointer's
height picks a floor, and the car travels there through the ones between.
A strongerintensitymakes the car travel faster.phoneandPhone: a phone in four layers. Moving across opens the gap
between them, and moving down picks a layer. A strongerintensityopens
the layers further.laptopandLaptop: a thin laptop. The pointer's height sets how far the
lid stands open, and the lid follows it on a spring. A strongerintensity
lets the lid open wider.terminalandTerminal: a terminal window. The pointer's height scrolls
back through its history, and the line under it lifts off the screen. A
strongerintensitylifts more lines with it.cabinetandCabinet: a rack of twelve blades. The pointer's height pulls
the nearest ones out on their rails, the farther the less. A stronger
intensitypulls out more blades.branchesandBranches: a commit graph on a board. The commit under the
pointer rises, and its history rises after it, the farther back the less. A
strongerintensityraises more of the history.vaultandVault: a vault door. Circling the pointer turns its dial,
which coasts and catches every ten; on forty its three bolts draw back. A
strongerintensitylets the dial coast longer.lockersandLockers: a bank of twelve lockers, one ajar at rest. The
locker under the pointer opens, and the one open before it swings shut. A
strongerintensityopens the door wider.padlockandPadlock: a padlock. As the pointer nears, the shackle
springs up out of the body and swings open about its long leg. A stronger
intensityswings the shackle further.patchandPatch: a patch panel of twenty-four ports. The cable under the
pointer lifts, and its neighbours lean away, less the further away. A
strongerintensityspreads the lean over more ports.dishandDish: a parabolic dish on a two-axis gimbal. The pointer aims
it, and it follows on a spring. A strongerintensityswings the dish
further.routerandRouter: a wifi router. Its antennas lean toward the pointer,
the nearest the most and the others less the further away. A stronger
intensityspreads the lean over more antennas.
v0.1.0
First release.
Added
- Six isometric line figures, each a function that draws into an element:
riffle,terrain,exploded,phosphor,slow,turntable. - A React entry,
@lucasmarkes/hairline/react, with one component per figure.
It is a client module, so it can be rendered from a Server Component. - An
intensityoption on every figure, from 0 (subtle) to 1 (strong). - Theming with six CSS custom properties (
--hairline-plate,--hairline-hi,
--hairline-edge,--hairline-mid,--hairline-lo,--hairline-stroke),
athemeoption, and automatic light and dark. - A shadcn registry item at
https://hairline.lucasmarkes.com/r/hairline.json.
v0.1.0-rc.0
First release.
Added
- Six isometric line figures, each a function that draws into an element:
riffle,terrain,exploded,phosphor,slow,turntable. - A React entry,
@lucasmarkes/hairline/react, with one component per figure.
It is a client module, so it can be rendered from a Server Component. - An
intensityoption on every figure, from 0 (subtle) to 1 (strong). - Theming with six CSS custom properties (
--hairline-plate,--hairline-hi,
--hairline-edge,--hairline-mid,--hairline-lo,--hairline-stroke),
athemeoption, and automatic light and dark. - A shadcn registry item at
https://hairline.lucasmarkes.com/r/hairline.json.