component
TPS563201 3A Buck Regulator
Public Made by Adomby adom
3 A synchronous step-down (buck) converter with integrated MOSFETs in a tiny SOT-23-6.
main
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
<!doctype html><html lang=en><head><meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1"><title>TPS563201 symbol</title>
<style>
:root{--bg:#0d1117;--panel:#161b22;--edge:#30363d;--ink:#e6edf3;--mut:#8b949e;--acc:#00b8b0;--accb:#00e6dc;--hi:#6ea8fe}
*{box-sizing:border-box;margin:0}html,body{height:100%}
body{background:var(--bg);color:var(--ink);font-family:'Satoshi',system-ui,sans-serif;display:flex;flex-direction:column}
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid var(--edge);flex:none}
.bar .h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700}
.bar .sp{flex:1}
.lyrtog{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--mut);background:#1a2130;border:1px solid var(--edge);border-radius:999px;padding:3px 9px;cursor:pointer;user-select:none}
.lyrtog.on{color:var(--ink);border-color:#485162}.lyrtog:not(.on){opacity:.5}
.lyrtog .d{width:8px;height:8px;border-radius:50%;background:#485162}
.stage{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--bg);cursor:grab;touch-action:none}
.stage.drag{cursor:grabbing}
.stage svg{position:absolute;inset:0;width:100%;height:100%}
.pingroup,.pad{cursor:pointer}
.pingroup.hi .pinvis{stroke:var(--hi)!important;stroke-width:7}
rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke}
.lyr-off{display:none}
#tip{position:fixed;z-index:99;pointer-events:none;display:none;max-width:250px;background:#0d1117;border:1px solid var(--acc);border-radius:8px;padding:7px 10px;box-shadow:0 8px 26px #000a}
#tip .tn{font:700 12px ui-monospace,monospace;color:var(--accb)}
#tip .tt{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin-top:1px}
#tip .td{font-size:11px;color:var(--ink);margin-top:5px;line-height:1.4}
.main{flex:1;min-height:0;display:flex}
.pins{display:none;flex:none;width:214px;border-left:1px solid var(--edge);overflow:auto;background:var(--panel)}
.pins.on{display:block}
.prow{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:5px 10px;border-bottom:1px solid #1c2230;cursor:pointer;font-size:11px}
.prow:hover,.prow.hi{background:rgba(110,168,254,.15)}
.prow .pn{font:700 11px ui-monospace,monospace;color:var(--accb);text-align:right}
.prow .pnm{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prow .pty{font-size:9px;text-transform:uppercase;letter-spacing:.03em;color:var(--mut);white-space:nowrap}
@media(max-width:560px){.main{flex-direction:column}.pins.on{width:auto;max-height:42%;border-left:0;border-top:1px solid var(--edge)}}
</style></head><body>
<div class=bar><span class=h>Schematic symbol</span><span class=sp></span></div>
<div class=main id=main><div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-450 -300 900 600' style='width:100%;height:100%'><rect x='-300.0' y='-250.0' width='600.0' height='400.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='GND'><line class='pinvis' x1='0.0' y1='250.0' x2='0.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='250.0' x2='0.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='37.5' y='200.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='0.0' y='125.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='2' data-name='SW'><line class='pinvis' x1='400.0' y1='-150.0' x2='300.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='-150.0' x2='300.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='-187.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='275.0' y='-150.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SW</text><g class='pingroup' data-num='3' data-name='VIN'><line class='pinvis' x1='-400.0' y1='-150.0' x2='-300.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='-150.0' x2='-300.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='-112.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-275.0' y='-150.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>VIN</text><g class='pingroup' data-num='4' data-name='VFB'><line class='pinvis' x1='400.0' y1='50.0' x2='300.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='50.0' x2='300.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='12.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='275.0' y='50.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VFB</text><g class='pingroup' data-num='5' data-name='EN'><line class='pinvis' x1='-400.0' y1='50.0' x2='-300.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='50.0' x2='-300.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='87.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='-275.0' y='50.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>EN</text><g class='pingroup' data-num='6' data-name='VBST'><line class='pinvis' x1='400.0' y1='-50.0' x2='300.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='-50.0' x2='300.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='-87.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='275.0' y='-50.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VBST</text></svg></div><aside class=pins id=pins></aside></div>
<div id=tip></div>
<script>
var KIND="symbol", MPN="TPS563201", PINS=[{"desc":"Ground pin.","name":"GND","number":"1","type":"Power"},{"desc":"Switch node output.","name":"SW","number":"2","type":"Output"},{"desc":"Input voltage supply pin.","name":"VIN","number":"3","type":"Power"},{"desc":"Converter feedback input.","name":"VFB","number":"4","type":"Input"},{"desc":"Enable input control.","name":"EN","number":"5","type":"Input"},{"desc":"Bootstrap supply input for the high-side NFET gate-drive circuit.","name":"VBST","number":"6","type":"Power"}], NOTABLE=false;
var byNum={}; PINS.forEach(function(p){byNum[String(p.number)]=p;});
var stage=document.getElementById('stage'), svg=stage.querySelector('svg'), tip=document.getElementById('tip');
// ---- pan/zoom ----
var vb=(svg.getAttribute('viewBox')||'0 0 100 100').split(/\s+/).map(Number), base=vb.slice();
function setVB(){svg.setAttribute('viewBox',vb.join(' '));}
stage.addEventListener('wheel',function(e){e.preventDefault();var r=stage.getBoundingClientRect();var mx=(e.clientX-r.left)/r.width,my=(e.clientY-r.top)/r.height;var f=e.deltaY<0?0.88:1.14;var nw=vb[2]*f,nh=vb[3]*f;vb[0]+=(vb[2]-nw)*mx;vb[1]+=(vb[3]-nh)*my;vb[2]=nw;vb[3]=nh;setVB();},{passive:false});
var pan=null;
stage.addEventListener('pointerdown',function(e){pan={x:e.clientX,y:e.clientY};stage.classList.add('drag');stage.setPointerCapture(e.pointerId);});
stage.addEventListener('pointermove',function(e){if(!pan)return;var r=stage.getBoundingClientRect();vb[0]-=(e.clientX-pan.x)/r.width*vb[2];vb[1]-=(e.clientY-pan.y)/r.height*vb[3];pan={x:e.clientX,y:e.clientY};setVB();});
function endPan(){pan=null;stage.classList.remove('drag');}
stage.addEventListener('pointerup',endPan);stage.addEventListener('pointerleave',endPan);
stage.addEventListener('dblclick',function(){vb=base.slice();setVB();});
// ---- cross-highlight bus (BroadcastChannel across slots + parent-relay fallback) ----
var SELF='v'+Math.random().toString(36).slice(2);
var BUS=('BroadcastChannel' in window)?new BroadcastChannel('lbr-hover'):null;
function els(n){return [].slice.call(document.querySelectorAll('[data-num="'+n+'"]'));}
function clearHi(){[].slice.call(document.querySelectorAll('.hi')).forEach(function(e){e.classList.remove('hi');});}
function hi(n){els(n).forEach(function(e){e.classList.add('hi');});var r=document.querySelector('.prow[data-num="'+n+'"]');if(r&&r.scrollIntoView){try{r.scrollIntoView({block:'nearest'});}catch(_){}}}
function recv(n){clearHi();if(n!=null&&n!==undefined)hi(n);}
function post(n){var m={type:'lbr-hover',pin:n===null?null:String(n),mpn:MPN,src:SELF};try{BUS&&BUS.postMessage(m);}catch(_){}try{parent.postMessage(m,'*');}catch(_){}}
if(BUS)BUS.onmessage=function(e){var d=e.data||{};if(d.type!=='lbr-hover'||d.src===SELF)return;recv(d.pin);};
function showTip(n,x,y){var p=byNum[String(n)];if(!p)return;tip.innerHTML='<span class=tn></span><div class=tt></div><div class=td></div>';tip.querySelector('.tn').textContent=n+' '+(p.name||'');tip.querySelector('.tt').textContent=p.type||'';var d=p.desc||'';if(d)tip.querySelector('.td').textContent=d;else tip.querySelector('.td').style.display='none';tip.style.display='block';tip.style.left=(x+14)+'px';tip.style.top=(y+12)+'px';}
[].slice.call(document.querySelectorAll('.pingroup,.pad')).forEach(function(g){
var n=g.getAttribute('data-num');
g.addEventListener('mouseenter',function(e){recv(n);post(n);showTip(n,e.clientX,e.clientY);});
g.addEventListener('mousemove',function(e){tip.style.left=(e.clientX+14)+'px';tip.style.top=(e.clientY+12)+'px';});
g.addEventListener('mouseleave',function(){recv(null);post(null);tip.style.display='none';});
});
window.addEventListener('message',function(e){var d=e.data||{};if(d.type!=='lbr-hover'||d.src===SELF)return;recv(d.pin);});
// ---- first-class pin table (symbol slot): shares the same data-num bus ----
if(KIND==='symbol'&&!NOTABLE&&PINS.length){
var aside=document.getElementById('pins');
PINS.forEach(function(p){
var row=document.createElement('div');row.className='prow';row.setAttribute('data-num',p.number);
row.innerHTML='<span class=pn></span><span class=pnm></span><span class=pty></span>';
row.querySelector('.pn').textContent=p.number;
row.querySelector('.pnm').textContent=p.name||'';
row.querySelector('.pty').textContent=p.type||'';
row.addEventListener('mouseenter',function(e){recv(p.number);post(p.number);showTip(p.number,e.clientX,e.clientY);});
row.addEventListener('mousemove',function(e){tip.style.left=(e.clientX+14)+'px';tip.style.top=(e.clientY+12)+'px';});
row.addEventListener('mouseleave',function(){recv(null);post(null);tip.style.display='none';});
aside.appendChild(row);
});
aside.classList.add('on');
}
// ---- footprint layer toggles ----
[].slice.call(document.querySelectorAll('.lyrtog')).forEach(function(b){
function apply(on){[].slice.call(document.querySelectorAll('.ly-'+b.getAttribute('data-lyr'))).forEach(function(el){el.classList.toggle('lyr-off',!on);});}
apply(b.classList.contains('on'));
b.addEventListener('click',function(){apply(b.classList.toggle('on'));});
});
// ---- auto-grow the host readme iframe ----
function ph(){var h=Math.max(360,Math.min(16000,document.body.scrollHeight||420));parent.postMessage({type:'readme-height',height:h},'*');}
window.addEventListener('load',ph);setTimeout(ph,300);
</script>
</body></html>