crosshair primitives

three CSS-only cursor variants for the boas.dev terminal aesthetic. move around — every surface below is a valid hover target. cycle variants with the toggle above (or press 1, 2, 3).

hover surfaces

text

The reticle holds. Body copy in JetBrains Mono. Hover across characters — cursor should feel precise without occluding the glyph.

link

Inline tracked target inside prose. The reticle's center gap matters here — letters must stay readable under hover.

input

textarea

action

code

// cursor binding
body.v-reticle {
  cursor: url(...);
}

graphic — hover over reticle geometry

negative space

empty canvas — hover for cursor-in-void feel

variant notes

01 / reticle

mil-spec. four cardinal ticks, open center, 1px stroke, micro dot. reads as precision instrument.

02 / cross

continuous crosshair with 3px center gap. heavier stroke. reads as weighty targeting.

03 / brackets

four L-corners framing empty centre. reads as selector / capture-region.