index.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>mpckit: kit editor for the Akai MPC Sample</title>
  7. <meta name="description" content="mpckit builds Akai MPC Sample projects on your computer: assign WAVs to pads, tune them, set mute groups and sequences, then export to the device. Windows, macOS and Linux.">
  8. <meta name="color-scheme" content="light dark">
  9. <link rel="canonical" href="https://mpckit.monoexp.com/">
  10. <meta property="og:type" content="website">
  11. <meta property="og:url" content="https://mpckit.monoexp.com/">
  12. <meta property="og:title" content="mpckit: kit editor for the Akai MPC Sample">
  13. <meta property="og:description" content="Build Akai MPC Sample projects on your computer: pads, tuning, mute groups and sequences, exported for the device.">
  14. <meta property="og:image" content="https://mpckit.monoexp.com/images/pads.png">
  15. <meta property="og:image:width" content="1182">
  16. <meta property="og:image:height" content="867">
  17. <meta name="twitter:card" content="summary_large_image">
  18. <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  19. <link rel="stylesheet" href="/style.css">
  20. </head>
  21. <body>
  22. <header class="site-header">
  23. <div class="wrap header-inner">
  24. <a class="wordmark" href="/">mpc<span>kit</span></a>
  25. <nav aria-label="Main">
  26. <a href="#features">Features</a>
  27. <a href="#download">Download</a>
  28. <a href="https://git.monoexp.com/bajdev/mpckit">Source</a>
  29. </nav>
  30. </div>
  31. </header>
  32. <main class="wrap">
  33. <section class="about" aria-labelledby="about-title">
  34. <p class="eyebrow"><span class="badge">Beta</span> Version 0.5.0</p>
  35. <h1 id="about-title">mpckit</h1>
  36. <p class="lede">
  37. Build Akai MPC Sample projects on your computer.
  38. </p>
  39. <p>
  40. Drop WAV files onto pads, tune them, set mute groups and sequences,
  41. then export a project the device opens as it is. mpckit can also load
  42. a project saved on the device, so you can change it on a bigger screen
  43. and send it back.
  44. </p>
  45. <div class="actions">
  46. <a class="button" href="#download">Download</a>
  47. <a class="button secondary" href="https://git.monoexp.com/bajdev/mpckit">Source</a>
  48. </div>
  49. </section>
  50. <figure class="shot">
  51. <img src="/images/pads.png" width="1182" height="867"
  52. alt="The mpckit window on the Pads tab: bank A's 16 pads, ten of them holding drum samples, with the settings for pad A03 (Closed Hat) on the right: play, tuning sliders and mute group.">
  53. <figcaption>Pads: eight banks of 16, with the selected pad's settings on the right.</figcaption>
  54. </figure>
  55. <section id="features" aria-labelledby="features-title">
  56. <h2 id="features-title" class="section-title">Features</h2>
  57. <ul class="cards">
  58. <li class="card">
  59. <h3>Pads and banks</h3>
  60. <p>All 128 pads in eight banks of 16. Drop a WAV on a pad to assign it, click to hear it, and drag pads to move, swap or copy them.</p>
  61. </li>
  62. <li class="card">
  63. <h3>Tuning and mute groups</h3>
  64. <p>Tune each pad by &plusmn;24 semitones and &plusmn;90 cents, and put pads in mute groups so they cut each other off, as on the device.</p>
  65. </li>
  66. <li class="card">
  67. <h3>Sequences</h3>
  68. <p>Up to 128 sequence slots, each with a name, tempo (20&ndash;999 BPM) and length in bars. Notes are recorded on the device.</p>
  69. </li>
  70. <li class="card">
  71. <h3>Load and export</h3>
  72. <p>Open a project saved on the device, edit it, and export to a folder (for example straight onto the card) or a zip.</p>
  73. </li>
  74. </ul>
  75. <figure class="shot">
  76. <img src="/images/sequences.png" width="1182" height="867" loading="lazy"
  77. alt="The mpckit window on the Sequences tab: six sequences in bank A (Intro, Verse 1, Verse 2, Outro, Chorus, Bridge), with the name, BPM and length of A01 on the right.">
  78. <figcaption>Sequences: one slot per pad, with name, tempo and length.</figcaption>
  79. </figure>
  80. </section>
  81. <section id="download" aria-labelledby="download-title">
  82. <h2 id="download-title" class="section-title">Download</h2>
  83. <p class="note">
  84. <strong>0.5.0 is a beta for testing.</strong> Expect rough edges, and keep
  85. copies of projects you care about. Downloads will be listed here;
  86. until then, mpckit can be built from source.
  87. </p>
  88. <ul class="cards">
  89. <li class="card">
  90. <div class="card-head"><h3>Windows</h3><span class="tag">10 &middot; 11</span></div>
  91. <p>Run <code>mpckit.exe</code>. If SmartScreen says &ldquo;Windows protected your PC&rdquo;, choose <strong>More info</strong>, then <strong>Run anyway</strong>. Uses the WebView2 runtime, which current Windows includes.</p>
  92. </li>
  93. <li class="card">
  94. <div class="card-head"><h3>macOS</h3><span class="tag">.app</span></div>
  95. <p>Move <code>mpckit.app</code> to Applications and open it. When macOS says it can't check the app, open <strong>System Settings &rarr; Privacy &amp; Security</strong> and choose <strong>Open Anyway</strong>.</p>
  96. </li>
  97. <li class="card">
  98. <div class="card-head"><h3>Linux</h3><span class="tag">GTK 4</span></div>
  99. <p>Make the file executable (<code>chmod +x mpckit</code>) and run it. Needs the GTK 4 and WebKitGTK 6.0 libraries from your distribution.</p>
  100. </li>
  101. <li class="card">
  102. <div class="card-head"><h3>From source</h3><span class="tag">Go &middot; Wails</span></div>
  103. <p>Go 1.26, Node.js and the Wails v3 CLI. The <a href="https://git.monoexp.com/bajdev/mpckit">README</a> has the steps.</p>
  104. </li>
  105. </ul>
  106. <p class="small">Builds aren't signed yet, which is why each system warns the first time you open mpckit.</p>
  107. </section>
  108. <section id="disclaimer" aria-labelledby="disclaimer-title">
  109. <h2 id="disclaimer-title" class="section-title">Disclaimer</h2>
  110. <p class="small">
  111. mpckit is an independent project. It is not affiliated with, endorsed by
  112. or supported by Akai Professional or inMusic Brands. Akai, MPC and MPC
  113. Sample are trademarks of their respective owners and are used here only
  114. to describe the device mpckit works with.
  115. </p>
  116. </section>
  117. </main>
  118. <footer class="site-footer">
  119. <div class="wrap">
  120. <p>mpckit is MIT licensed &middot; A <a href="https://monoexp.com/">Mono Experiments</a> project &middot; <a href="https://git.monoexp.com/bajdev/mpckit-site">Source for this site</a></p>
  121. </div>
  122. </footer>
  123. </body>
  124. </html>