Macnite/index.html at main · seanblowers/Macnite · 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
165
166
167
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Macnite — pick your Mac apps. Get one command.</title>
  <meta name="description" content="A Ninite-style installer for macOS. Tick apps, copy a brew command or download a one-shot install script." />
  <link rel="icon" type="image/svg+xml" href="logo.svg" />
  <link rel="stylesheet" href="styles.css?v=2" />
</head>
<body>
  <header class="hero">
    <img class="logo" src="wordmark.svg" alt="Macnite" width="280" height="70" />
    <h1 class="visually-hidden">Macnite</h1>
    <p class="tagline">Install your favorite Mac apps in one go.</p>
    <p class="lede">
      Tick the apps you want. We'll build a single command that installs them
      all — no setup wizards, no clicking through installers, no signups.
    </p>
    <p class="subtle">Free and Open source.</p>
  </header>

  <main>
    <nav class="tabs-nav" aria-label="Sections">
      <a class="tab-link is-active" href="/" aria-current="page">Apps</a>
      <a class="tab-link" href="/presets.html">Presets</a>
      <a class="tab-link" href="/fonts.html">Fonts</a>
      <a class="tab-link" href="/install.html?v=2">Install Macnite</a>
    </nav>

    <section class="how">
      <h2>How it works</h2>
      <ol class="steps">
        <li>
          <span class="step-num">1</span>
          <div>
            <strong>Tick the apps you want</strong>
            <p>Pick from the popular list, or search for anything else.</p>
          </div>
        </li>
        <li>
          <span class="step-num">2</span>
          <div>
            <strong>Copy the command</strong>
            <p>One button copies a single install command to your clipboard.</p>
          </div>
        </li>
        <li>
          <span class="step-num">3</span>
          <div>
            <strong>Paste it into Terminal</strong>
            <p>Open Terminal (press <kbd>⌘</kbd>+<kbd>Space</kbd>, type "Terminal"), paste, and press Enter. Done.</p>
          </div>
        </li>
      </ol>
      <p class="how-foot">
        Macnite uses <a href="https://brew.sh" target="_blank" rel="noopener">Homebrew</a>, the standard
        package manager for Mac. If you don't have it yet, the downloadable
        installer script sets it up for you.
      </p>
    </section>

    <aside class="preset-banner install-banner">
      <div>
        <strong>Install Macnite itself</strong>
        <p>One Homebrew cask gives you the whole Macnite toolkit:</p>
        <ul class="install-banner-features">
          <li>One-command install for 14,000+ Mac apps and CLI tools</li>
          <li>Curated presets for new Macs, devs, creatives, and students</li>
          <li>1,000+ fonts — JetBrains Mono, Inter, Fira Code and more</li>
          <li>Failure tracking + a done report (time spent, clicks saved)</li>
          <li>Free, open source, no accounts, no tracking</li>
        </ul>
      </div>
      <a class="preset-banner-cta" href="/install.html">Install Macnite →</a>
    </aside>

    <section>
      <h2>Popular apps</h2>
      <div id="popular-grid" class="grid" aria-busy="true">
        <p class="loading">Loading apps…</p>
      </div>
    </section>

    <section>
      <h2>Search for more apps</h2>
      <input
        id="search"
        class="search"
        type="search"
        placeholder="Search 14,000+ apps and tools…"
        autocomplete="off"
        spellcheck="false"
      />
      <div id="search-results" class="results"></div>
    </section>

    <dialog id="next-steps" class="next-steps">
      <h3 id="next-title">Now do this</h3>
      <ol id="next-body"></ol>
      <button type="button" id="next-close">Got it</button>
    </dialog>

    <section class="report">
      <h2>Need help or seeing a problem?</h2>
      <p class="report-help">Tell us what's going wrong — paste any error message you saw, or just describe what happened. We read every report.</p>
      <form id="report-form" class="report-form" novalidate>
        <textarea
          id="report-message"
          name="message"
          rows="5"
          required
          placeholder="Paste the error message here…"
        ></textarea>
        <div class="report-row">
          <button type="submit" id="report-submit">Send report</button>
          <span id="report-status" class="report-status" role="status" aria-live="polite"></span>
        </div>
      </form>
    </section>

    <footer class="site-footer">
      <p>
        Made by <a href="https://seanblowers.me/2026/05/14/macnite-a-ninite-for-mac-built-in-a-static-html-file/" target="_blank" rel="noopener">Sean Blowers</a>.
        Open source on <a href="https://github.com/seanblowers/Macnite" target="_blank" rel="noopener">GitHub</a>.
      </p>
      <p class="licence">
        This program is free software: you can redistribute it and/or modify
        it under the terms of the GNU Affero General Public License as published by
        the Free Software Foundation, either version 3 of the License, or
        (at your option) any later version.
      </p>
      <p class="licence">
        This program is distributed in the hope that it will be useful,
        but WITHOUT ANY WARRANTY; without even the implied warranty of
        MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
        <a href="https://github.com/seanblowers/Macnite?tab=AGPL-3.0-1-ov-file" target="_blank" rel="noopener">GNU Affero General Public License</a>
        for more details.
      </p>
    </footer>
  </main>

  <footer class="selection-bar" aria-live="polite">
    <span id="count">0 selected</span>
    <button type="button" id="clear" class="ghost" disabled>Clear</button>
    <button type="button" id="share" class="ghost" disabled>Share link</button>
    <button type="button" id="copy" disabled>Copy command</button>
    <button type="button" id="download" disabled>Download script</button>
  </footer>

  <!-- Netlify Forms: detected at build time. Hidden from users. -->
  <form name="macnite-errors" netlify netlify-honeypot="bot-field" hidden>
    <input name="message" />
    <input name="stack" />
    <input name="user_agent" />
    <input name="url" />
    <input name="bot-field" />
  </form>

  <script type="module" src="app.js?v=6"></script>
  <script>
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('/sw.js').catch(() => {});
    }
  </script>
</body>
</html>