rsnap/index.html at main · hack-ink/rsnap · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Rsnap - macOS-first screenshot capture</title>
    <meta
      name="description"
      content="Rsnap is a macOS-first screenshot tool for frozen regions, pixel inspection, OCR, and annotation."
    />
    <meta name="theme-color" content="#050506" />
    <meta property="og:title" content="Rsnap" />
    <meta
      property="og:description"
      content="A native screenshot workflow for the moment before it moves."
    />
    <meta property="og:type" content="website" />
    <link rel="icon" href="./assets/app-icon/generated/app-icon-default-preview.png" />
    <link rel="apple-touch-icon" href="./assets/app-icon/generated/app-icon-default-preview.png" />
    <link rel="stylesheet" href="./site/styles.css" />
  </head>
  <body>
    <canvas id="capture-field" aria-hidden="true"></canvas>

    <header class="site-header" aria-label="Primary">
      <a class="brand-lockup" href="#top" aria-label="Rsnap home">
        <img src="./assets/app-icon/generated/app-icon-default-preview.png" alt="" />
        <span>Rsnap</span>
      </a>
      <nav class="nav-links" aria-label="Site">
        <a href="https://github.com/hack-ink/rsnap" rel="noreferrer">GitHub</a>
      </nav>
    </header>

    <main id="top">
      <section class="hero" aria-labelledby="hero-title">
        <div class="hero-copy">
          <p class="eyebrow">Option + X / native macOS capture</p>
          <h1 id="hero-title">Rsnap</h1>
          <p class="hero-line">Capture before the moment moves.</p>
          <p class="hero-text">
            A menubar screenshot tool for frozen regions, exact pixels, OCR, and annotations.
          </p>
          <div class="hero-actions" aria-label="Primary actions">
            <a
              class="button button-primary"
              href="https://github.com/hack-ink/rsnap/releases/latest/download/rsnap-aarch64-apple-darwin.zip"
            >
              Download for macOS
            </a>
            <a class="button button-secondary" href="https://x.com/hackink" rel="noreferrer">
              Follow @hackink on X
            </a>
          </div>
        </div>
      </section>

      <section class="intro-band" aria-labelledby="intro-title">
        <div class="section-inner intro-grid">
          <p class="section-number">01</p>
          <h2 id="intro-title">A capture surface built around the instant between seeing and saving.</h2>
          <p>
            Rsnap stays out of the dock, starts from the keyboard, and keeps the result ready for
            copy, save, text recognition, or quick markup.
          </p>
        </div>
      </section>

      <section class="flow-section" id="flow" aria-labelledby="flow-title">
        <div class="section-inner">
          <p class="section-number">02</p>
          <h2 id="flow-title">The workflow stays short.</h2>
          <div class="flow-steps">
            <article>
              <span>01</span>
              <h3>Trigger from anywhere.</h3>
              <p>Open capture without changing apps or breaking concentration.</p>
            </article>
            <article>
              <span>02</span>
              <h3>Freeze the region.</h3>
              <p>Hold the selected pixels in place while the desktop keeps moving behind you.</p>
            </article>
            <article>
              <span>03</span>
              <h3>Extract the output.</h3>
            <p>Copy pixels, recognize text, save a file, or annotate before export.</p>
            </article>
          </div>
        </div>
      </section>

      <section class="details-section" id="details" aria-labelledby="details-title">
        <div class="section-inner detail-grid">
          <div>
            <p class="section-number">03</p>
            <h2 id="details-title">Native where timing and pixels matter.</h2>
          </div>
          <div class="detail-copy">
            <p>
              The macOS host owns the capture surface while the Rust core keeps geometry, protocol,
              and image semantics precise.
            </p>
            <dl>
              <div>
                <dt>Live</dt>
                <dd>Cursor position and RGB sampling stay visible while aiming.</dd>
              </div>
              <div>
                <dt>Frozen</dt>
                <dd>Space copies, Cmd+S saves, and OCR extracts text from the result.</dd>
              </div>
              <div>
                <dt>Annotate</dt>
                <dd>Use pen, arrow, text, mosaic, and spotlight tools before copying or saving.</dd>
              </div>
            </dl>
          </div>
        </div>
      </section>

      <section class="creator-band" aria-labelledby="creator-title">
        <div class="section-inner creator-grid">
          <p class="section-number">04</p>
          <div>
            <h2 id="creator-title">Support the work without turning Rsnap into paid software.</h2>
            <p>
              The @hackink account shares progress, design notes, and release updates on X. Attention there helps
              fund continued work while keeping Rsnap free for people who need a sharper capture
              tool.
            </p>
          </div>
        </div>
      </section>

      <section class="final-cta" aria-labelledby="final-title">
        <div class="section-inner">
          <h2 id="final-title">Keep the screenshot step invisible.</h2>
          <a
            class="button button-primary"
            href="https://github.com/hack-ink/rsnap/releases/latest/download/rsnap-aarch64-apple-darwin.zip"
          >
            Download latest macOS zip
          </a>
        </div>
      </section>
    </main>

    <footer class="site-footer">
      <span>Rsnap</span>
      <a href="https://github.com/hack-ink/rsnap/blob/main/LICENSE">GPL-3.0</a>
      <a href="https://github.com/hack-ink/rsnap">hack-ink/rsnap</a>
    </footer>

    <noscript>
      <div class="noscript">
        Rsnap's homepage uses Three.js for the hero scene. Enable JavaScript to see the full
        interactive page.
      </div>
    </noscript>

    <script type="module" src="./site/main.js"></script>
  </body>
</html>