68 lines
4.1 KiB
HTML
68 lines
4.1 KiB
HTML
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>PromptPCB Parts — components you can actually trust</title>
|
|
<meta name="description" content="An open, hand-curated part library. Real pins, real ratings, a SPICE model that simulates and a 3D model that matches the footprint. Search by what the part does.">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/assets/style.css">
|
|
<script type="importmap">{"imports":{"three":"https://unpkg.com/three@0.160.0/build/three.module.js","three/addons/":"https://unpkg.com/three@0.160.0/examples/jsm/"}}</script>
|
|
|
|
<header class="top"><div class="wrap">
|
|
<a class="brand" href="/"><span class="mk"></span> PromptPCB <small>/ parts</small></a>
|
|
<nav class="main"><a href="/" class="active">Library</a><a href="/submit.html">Contribute</a><a href="/mcp.html">MCP / API</a></nav>
|
|
<span class="spacer"></span>
|
|
<span class="credits">◆ <b id="cred-n">5</b> credits</span>
|
|
</div></header>
|
|
|
|
<section class="hero">
|
|
<canvas id="hero-canvas"></canvas>
|
|
<div class="wrap">
|
|
<div class="eyebrow reveal in">An open part library — actually curated</div>
|
|
<h1 class="reveal in d1">Tired of parts that <em>don't</em> match the datasheet?</h1>
|
|
<p class="reveal in d2">Every part here is one we've verified by hand. Real pin names, real ratings, a SPICE model that
|
|
actually simulates, and a 3D model that matches the footprint. No dead LCSC numbers. No wrong pad counts.
|
|
No "close enough."</p>
|
|
<div class="cta reveal in d3">
|
|
<a class="btn" href="#catalog">Browse the library</a>
|
|
<a class="btn ghost" href="/submit.html">Contribute a part →</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="sec">
|
|
<div class="wrap">
|
|
<div class="sec-h reveal">Why this exists</div>
|
|
<h2 class="reveal">You shouldn't have to reverse-engineer a component to use it.</h2>
|
|
<p class="lead reveal">You've done it: pulled a symbol with the pins swapped, a footprint with the wrong pad count,
|
|
a value that was never in stock. Then the board comes back and the LED's backwards. This is the library we wanted —
|
|
small, honest, and correct.</p>
|
|
<div class="vals">
|
|
<div class="val reveal"> <h3>Verified, not scraped.</h3><p>Every part is hand-checked against its datasheet — pins, ratings, package, footprint. If it's here, it's real and it's in stock.</p></div>
|
|
<div class="val reveal d1"><h3>Search by what it does.</h3><p>Ask for "something to blink an LED" or "a connector rated 20 A" and get parts by <em>function</em>, not by guessing part numbers.</p></div>
|
|
<div class="val reveal d2"><h3>Everything to ship.</h3><p>3D model, SPICE, labelled pins & pads and the datasheet — together. Your sim matches your board matches reality.</p></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="sec" id="catalog">
|
|
<div class="wrap">
|
|
<div class="sec-h reveal">The library</div>
|
|
<h2 class="reveal" style="margin-bottom:26px">What do you need it to do?</h2>
|
|
<div class="searchbar reveal">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg>
|
|
<input id="q" placeholder='"drive a brushless motor" · "3.3V rail" · "blink an LED" · "50 ohm resistor"'>
|
|
</div>
|
|
<div class="chips" id="chips"></div>
|
|
<div class="count" id="count"></div>
|
|
<div class="grid" id="grid"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="footer"><div class="wrap">
|
|
<span>PromptPCB / parts — open, curated, correct.</span><span class="spacer"></span>
|
|
<a href="/submit.html">Contribute a part</a><a href="/mcp.html">Use via MCP</a>
|
|
</div></footer>
|
|
|
|
<script type="module" src="/assets/hero.js"></script>
|
|
<script type="module" src="/assets/anim.js"></script>
|
|
<script type="module" src="/assets/app.js"></script>
|