apps.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,
  shrink-to-fit=no">
  <meta name="description"
    content="Every open source application built by Charette AI Group, with live download counts: CloakClip, SAE Fractional Calculator, HTML Font Toolbar, and RV Backup Helper. All free.">
  <meta name="author" content="Charette AI Group">
  <!-- Reachable by direct link, kept out of search results: this catalog is for our own use. -->
  <meta name="robots" content="noindex, nofollow">
  <title>Apps — Free Open Source Downloads | Charette AI Group</title>
  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <!-- Custom styles for this template -->
  <link href="css/business-frontpage.css?v=3" rel="stylesheet">
</head>

<body>
  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
    <div class="container">
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link" href="index.html">Home</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="appsDropdown" role="button"
              data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Apps</a>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="appsDropdown">
              <a class="dropdown-item" href="saeCalculator.html">SAE Fractional Calculator</a>
              <a class="dropdown-item" href="cloakClip.html">CloakClip</a>
              <a class="dropdown-item" href="frwb.html">FRWB</a>
              <a class="dropdown-item" href="pySPWB.html">pySPWB</a>
              <a class="dropdown-item" href="structuralVibrationView.html">Structural Vibration View</a>
              <a class="dropdown-item" href="rvBackupHelper.html">RV Backup Helper</a>
              <a class="dropdown-item" href="htmlFontToolbar.html">HTML Font Toolbar</a>
              <a class="dropdown-item" href="htmlTableToolbar.html">HTML Table Toolbar</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="apps.html">This Catalog</a>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Header -->
  <header class="bg-primary pageBanner py-5 mb-5">
    <div class="container h-100">
      <div class="row h-100 align-items-center">
        <div class="col-lg-12">
          <h1 class="display-4 text-white mt-5 mb-2">Apps</h1>
          <p class="lead mb-5">Every application we have released, free and open source, with live download counts.</p>
        </div>
      </div>
    </div>
  </header>

  <!-- Page Content -->
  <div class="container">

    <div class="row">
      <div class="col-md-9 mb-5">
        <h2>The Catalog</h2>
        <hr>
        <p>Everything here is free, open source, and published under the MIT licence. There are no ads, no accounts, and no telemetry &mdash; the download numbers below come from GitHub's public release statistics, not from anything the apps report about you.</p>
      </div>
    </div>
    <!-- /.row -->

    <!--
      Adding a live download count to another app - one span, nothing else.

      An app we release as a downloadable file, counted by GitHub:

        <span class="h3 mb-0 downloadCount"
              data-repo="Charette-AI-Group/<repo>"
              data-assets="<regex matched against each asset file name>">&mdash;</span>

      An Obsidian plugin, counted by Obsidian itself:

        <span class="h3 mb-0 downloadCount"
              data-obsidian-plugin="<plugin id>"
              data-stats-repo="Charette-AI-Group/<repo>">&mdash;</span>

      data-stats-repo points at a plugin repo running the daily
      downloadCount.yml workflow, which copies the figure out of Obsidian's
      published statistics into stats/downloads.json. Leave it off and the
      count is read from that 2 MB file directly instead.

      js/downloadCounts.js picks the source from whichever attribute is
      present. See the note at the bottom of this page for what each number
      does and does not include.
    -->

    <!-- SAE Fractional Calculator -->
    <div class="card mb-4">
      <div class="row no-gutters align-items-center">
        <div class="col-md-3">
          <img class="card-img" src="img/saeCalculatorCard.png" alt="SAE Fractional Calculator icon">
        </div>
        <div class="col-md-9">
          <div class="card-body">
            <h3 class="card-title mb-1">SAE Fractional Calculator</h3>
            <p class="text-muted mb-3"><small>Desktop application &middot; Windows and macOS &middot; installer or portable single file</small></p>
            <p class="card-text">A calculator that works the way a tape measure does: yards, feet, inches and fractions on an exact 1/32&Prime; grid, added and subtracted without ever converting to decimals in your head.</p>
            <p class="mb-3">
              <span class="h3 mb-0 downloadCount" data-repo="Charette-AI-Group/saeCalculator" data-assets="\.(exe|zip)$">&mdash;</span>
              <span class="text-muted">downloads</span>
            </p>
            <a href="saeCalculator.html" class="btn btn-primary">Find Out More!</a>
            <a href="https://saecalculator.com" class="btn btn-outline-primary">Web App</a>
            <a href="https://github.com/Charette-AI-Group/saeCalculator/releases/latest" class="btn btn-outline-primary">Download</a>
            <a href="https://github.com/Charette-AI-Group/saeCalculator" class="btn btn-outline-secondary">Source</a>
          </div>
        </div>
      </div>
    </div>

    <!-- CloakClip -->
    <div class="card mb-4">
      <div class="row no-gutters align-items-center">
        <div class="col-md-3">
          <img class="card-img" src="img/cloakClipCard.png" alt="CloakClip icon">
        </div>
        <div class="col-md-9">
          <div class="card-body">
            <h3 class="card-title mb-1">CloakClip</h3>
            <p class="text-muted mb-3"><small>Desktop application &middot; Windows and macOS &middot; installer or portable single file</small></p>
            <p class="card-text">Encrypt and decrypt text with a shared password, straight from the clipboard. A cloaked message is ordinary text, so it travels through any chat, email or note &mdash; and on Windows the app keeps the decrypted version out of clipboard history and cloud sync.</p>
            <p class="mb-3">
              <span class="h3 mb-0 downloadCount" data-repo="Charette-AI-Group/cloakClip" data-assets="\.(exe|zip)$">&mdash;</span>
              <span class="text-muted">downloads</span>
            </p>
            <a href="cloakClip.html" class="btn btn-primary">Find Out More!</a>
            <a href="https://charette-ai-group.github.io/cloakClip/" class="btn btn-outline-primary">Visit Site</a>
            <a href="https://github.com/Charette-AI-Group/cloakClip/releases/latest" class="btn btn-outline-primary">Download</a>
            <a href="https://github.com/Charette-AI-Group/cloakClip" class="btn btn-outline-secondary">Source</a>
          </div>
        </div>
      </div>
    </div>

    <!-- FRWB -->
    <div class="card mb-4">
      <div class="row no-gutters align-items-center">
        <div class="col-md-3">
          <img class="card-img" src="img/frwbCard.png" alt="FRWB icon">
        </div>
        <div class="col-md-9">
          <div class="card-body">
            <h3 class="card-title mb-1">FRWB</h3>
            <p class="text-muted mb-3"><small>Desktop application &middot; Windows and macOS &middot; installer, portable zip or app bundle</small></p>
            <p class="card-text">The File Rename Processing Workbench renames a whole folder from a pattern, and shows every new name beside the old one before anything changes. Counters, dates read from a photo's own EXIF data, find and replace, letter case. Names that would collide are flagged in red and refused until you fix them, and the last batch can be undone.</p>
            <p class="mb-3">
              <span class="h3 mb-0 downloadCount" data-repo="Charette-AI-Group/FRWB" data-assets="\.(exe|zip)$">&mdash;</span>
              <span class="text-muted">downloads</span>
            </p>
            <a href="frwb.html" class="btn btn-primary">Find Out More!</a>
            <a href="https://charette-ai-group.github.io/FRWB/" class="btn btn-outline-primary">Visit Site</a>
            <a href="https://github.com/Charette-AI-Group/FRWB/releases/latest" class="btn btn-outline-primary">Download</a>
            <a href="https://github.com/Charette-AI-Group/FRWB" class="btn btn-outline-secondary">Source</a>
          </div>
        </div>
      </div>
    </div>

    <!-- pySPWB -->
    <div class="card mb-4">
      <div class="row no-gutters align-items-center">
        <div class="col-md-3">
          <img class="card-img" src="img/pySPWBCard.png" alt="pySPWB icon">
        </div>
        <div class="col-md-9">
          <div class="card-body">
            <h3 class="card-title mb-1">pySPWB</h3>
            <p class="text-muted mb-3"><small>Desktop application and Python library &middot; Windows, macOS and Linux &middot; runs with or without Python installed</small></p>
            <p class="card-text">Measurement signal processing: spectra, transfer functions, coherence, spectrograms and adaptive filtering, in five analysis windows that share their signals. Download and run it with nothing else installed, or <code>pip install spwb</code> and use the same maths from a notebook. Its results are checked against LabVIEW 2022, and it succeeds the LabVIEW Signal Processing Work Bench.</p>
            <p class="mb-3">
              <span class="h3 mb-0 downloadCount" data-repo="Charette-AI-Group/pySPWB" data-assets="\.zip$">&mdash;</span>
              <span class="text-muted">downloads</span>
            </p>
            <a href="pySPWB.html" class="btn btn-primary">Find Out More!</a>
            <a href="https://charette-ai-group.github.io/pySPWB/" class="btn btn-outline-primary">Visit Site</a>
            <a href="https://github.com/Charette-AI-Group/pySPWB/releases/latest" class="btn btn-outline-primary">Download</a>
            <a href="https://github.com/Charette-AI-Group/pySPWB" class="btn btn-outline-secondary">Source</a>
          </div>
        </div>
      </div>
    </div>

    <!-- Structural Vibration View -->
    <div class="card mb-4">
      <div class="row no-gutters align-items-center">
        <div class="col-md-3">
          <img class="card-img" src="img/structuralVibrationViewCard.png" alt="Structural Vibration View icon">
        </div>
        <div class="col-md-9">
          <div class="card-body">
            <h3 class="card-title mb-1">Structural Vibration View</h3>
            <p class="text-muted mb-3"><small>Desktop application &middot; Windows and macOS &middot; installer, portable zip or app bundle</small></p>
            <p class="card-text">Teaching software for seeing how a structure actually moves: beams, plates and a spring-mass oscillator animated in a 3D view you can rotate while it runs. Natural frequencies are computed from the dimensions and the material rather than typed in, mode 1 always takes two seconds per cycle so any mode is watchable, and up to three modes can be summed with their own amplitudes, phases and damping.</p>
            <p class="mb-3">
              <span class="h3 mb-0 downloadCount" data-repo="Charette-AI-Group/structuralVibrationView" data-assets="\.(exe|zip)$">&mdash;</span>
              <span class="text-muted">downloads</span>
            </p>
            <a href="structuralVibrationView.html" class="btn btn-primary">Find Out More!</a>
            <a href="https://charette-ai-group.github.io/structuralVibrationView/" class="btn btn-outline-primary">Visit Site</a>
            <a href="https://github.com/Charette-AI-Group/structuralVibrationView/releases/latest" class="btn btn-outline-primary">Download</a>
            <a href="https://github.com/Charette-AI-Group/structuralVibrationView" class="btn btn-outline-secondary">Source</a>
          </div>
        </div>
      </div>
    </div>

    <!-- RV Backup Helper -->
    <div class="card mb-4">
      <div class="row no-gutters align-items-center">
        <div class="col-md-3">
          <img class="card-img" src="img/rvBackupHelperCard.png" alt="RV Backup Helper icon">
        </div>
        <div class="col-md-9">
          <div class="card-body">
            <h3 class="card-title mb-1">RV Backup Helper</h3>
            <p class="text-muted mb-3"><small>Desktop application &middot; Windows &middot; installer, with Python bundled</small></p>
            <p class="card-text">Distance lines and a vehicle-width corridor on an RV backup camera that draws none. Record behind your own coach, click each distance in the footage, and the application generates and flashes an Arduino sketch that overlays those measurements on the live picture &mdash; keeping the camera and the display you already have.</p>
            <p class="mb-3">
              <span class="h3 mb-0 downloadCount" data-repo="Charette-AI-Group/rvBackupHelper" data-assets="\.(exe|zip)$">&mdash;</span>
              <span class="text-muted">downloads</span>
            </p>
            <a href="rvBackupHelper.html" class="btn btn-primary">Find Out More!</a>
            <a href="https://charette-ai-group.github.io/rvBackupHelper/" class="btn btn-outline-primary">Visit Site</a>
            <a href="https://github.com/Charette-AI-Group/rvBackupHelper/releases/latest" class="btn btn-outline-primary">Download</a>
            <a href="https://github.com/Charette-AI-Group/rvBackupHelper" class="btn btn-outline-secondary">Source</a>
          </div>
        </div>
      </div>
    </div>

    <!-- HTML Font Toolbar -->
    <div class="card mb-4">
      <div class="row no-gutters align-items-center">
        <div class="col-md-3">
          <img class="card-img" src="img/htmlFontToolbarCard.png" alt="HTML Font Toolbar floating over an Obsidian note">
        </div>
        <div class="col-md-9">
          <div class="card-body">
            <h3 class="card-title mb-1">HTML Font Toolbar</h3>
            <p class="text-muted mb-3"><small>Obsidian plugin &middot; in the official community directory</small></p>
            <p class="card-text">A floating, Word-like formatting toolbar for Obsidian notes: colors, highlights, sizes, fonts, alignment and a symbol picker &mdash; all merged into a single clean inline HTML span instead of nested wrappers.</p>
            <p class="mb-3">
              <span class="h3 mb-0 downloadCount" data-obsidian-plugin="html-font-toolbar" data-stats-repo="Charette-AI-Group/html-font-toolbar">&mdash;</span>
              <span class="text-muted">downloads</span>
            </p>
            <a href="htmlFontToolbar.html" class="btn btn-primary">Find Out More!</a>
            <a href="https://obsidian.md/plugins?id=html-font-toolbar" class="btn btn-outline-primary">Install from Obsidian Community</a>
            <a href="https://github.com/Charette-AI-Group/html-font-toolbar" class="btn btn-outline-secondary">Source</a>
          </div>
        </div>
      </div>
    </div>

    <!-- HTML Table Toolbar -->
    <div class="card mb-4">
      <div class="row no-gutters align-items-center">
        <div class="col-md-3">
          <img class="card-img" src="img/htmlTableToolbarCard.png" alt="The Insert table dialog and the table toolbar in an Obsidian note">
        </div>
        <div class="col-md-9">
          <div class="card-body">
            <h3 class="card-title mb-1">HTML Table Toolbar</h3>
            <p class="text-muted mb-3"><small>Obsidian plugin &middot; in the official community directory &middot; sister plugin to HTML Font Toolbar</small></p>
            <p class="card-text">A Word-style toolbar for real HTML tables in Obsidian: add rows and columns, merge and split cells, set header rows, align, control borders per row and per column, and shade individual cells &mdash; none of which a Markdown pipe table can do.</p>
            <p class="mb-3">
              <span class="h3 mb-0 downloadCount" data-obsidian-plugin="html-table-toolbar" data-stats-repo="Charette-AI-Group/html-table-toolbar">&mdash;</span>
              <span class="text-muted">downloads</span>
            </p>
            <a href="htmlTableToolbar.html" class="btn btn-primary">Find Out More!</a>
            <a href="https://obsidian.md/plugins?id=html-table-toolbar" class="btn btn-outline-primary">Install from Obsidian Community</a>
            <a href="https://github.com/Charette-AI-Group/html-table-toolbar" class="btn btn-outline-secondary">Source</a>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-9 mb-5 mt-4">
        <h2>About These Numbers</h2>
        <hr>
        <p class="text-muted"><small>Each count is a cumulative total since the app's first version, read when you open this page and kept in your browser for six hours so it is not fetched again on every visit. <b>Desktop applications</b> are counted by GitHub: every download of a published release file, which leaves out copies of the source taken with the green <b>Code</b> button, since those are counted nowhere. The <b>Obsidian plugins</b> are counted by Obsidian, which is the honest number for a plugin &mdash; almost everyone installs from the community directory, and GitHub never sees those.</small></p>
        <p class="text-muted"><small>Those plugin figures come from the statistics Obsidian publishes, which trail their own counter by a day or two. Each plugin's repository copies its number out of that file once a day, so this page fetches a few hundred bytes rather than the two megabytes it covers; the full file is still read directly if a plugin's own record is missing. The figure on Obsidian's directory page will not match exactly, and above a thousand it cannot &mdash; that page rounds, showing &ldquo;1k&rdquo; where the real total is 951. A dash means neither source could be reached, rather than a count of zero.</small></p>
      </div>
    </div>
    <!-- /.row -->

  </div>
  <!-- /.container -->

  <!-- Footer -->
  <footer class="py-5 bg-dark">
    <div class="container">
      <p class="m-0 text-center text-white">Copyright &copy; Charette AI Group, 2026</p>
    </div>
    <!-- /.container -->
  </footer>

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="js/downloadCounts.js"></script>

</body>

</html>