Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-03-12 16:40:05 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
main
ComfyUI_frontend/index.html

110 lines
19 KiB
HTML
Raw Permalink Blame History

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>ComfyUI</title>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no"
/>
<link rel="stylesheet" type="text/css" href="materialdesignicons.min.css" />
<!-- Fullscreen mode on mobile browsers -->
<meta name="mobile-web-app-capable" content="yes" />
<!-- Status bar style (eg. black or transparent) -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<style>
@media (prefers-color-scheme: dark) {
:root {
/* Setting it early for background during load */
--bg-color: #202020;
--fg-color: #ffffff;
}
}
html,
body {
width: 100%;
height: 100%;
margin: 0;
}
body {
display: grid;
background-color: var(--bg-color);
background-image: var(--bg-img);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
</style>
<link rel="stylesheet" href="splash.css" />
<link rel="manifest" href="manifest.json" />
</head>
<body class="litegraph grid">
<div id="splash-loader" role="status" aria-label="Loading ComfyUI">
<svg viewBox="0 0 879 284" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<mask id="comfy-mask-splash">
<path
d="M711.422 248.72C707.034 248.72 703.494 247.183 701.186 244.272C698.813 241.279 698.194 237.103 699.489 232.817L707.489 206.3C710.133 197.531 719.791 190.399 729.019 190.399H746.955C749.088 190.399 750.963 189.056 751.55 187.108L754.645 176.854C755.059 175.48 754.771 174.005 753.867 172.865C752.964 171.726 751.549 171.056 750.048 171.056L710.741 171.063C710.521 171.034 710.315 171.021 710.091 171.021H696.848C692.46 171.021 688.92 169.483 686.612 166.572C684.24 163.579 683.621 159.404 684.914 155.12L686.458 149.999C686.872 148.628 686.583 147.153 685.68 146.012C684.776 144.874 683.363 144.204 681.862 144.204H676.789C674.655 144.204 672.781 145.546 672.194 147.496L669.894 155.12C667.25 163.888 657.591 171.021 648.363 171.021H630.472C628.343 171.021 626.47 172.359 625.879 174.302L620.795 191.024C620.773 191.088 620.714 191.259 620.696 191.324L613.437 215.218C613.406 215.3 613.361 215.432 613.337 215.516L608.085 232.812C605.44 241.587 595.781 248.72 586.553 248.72H558.654C554.265 248.72 550.725 247.183 548.417 244.272C546.044 241.281 545.426 237.106 546.719 232.819L570.103 155.73C570.132 155.65 570.186 155.49 570.211 155.408L571.845 150.004C572.261 148.633 571.974 147.155 571.07 146.015C570.167 144.874 568.752 144.204 567.251 144.204H562.23C560.1 144.204 558.228 145.544 557.637 147.488L547.458 181.009C547.427 181.091 547.383 181.224 547.359 181.307L543.518 193.96C540.872 202.737 531.213 209.872 521.986 209.872H494.087C489.697 209.872 486.157 208.334 483.849 205.423C481.478 202.428 480.858 198.253 482.152 193.968L499.106 138.023C499.521 136.652 499.234 135.174 498.332 134.032C497.429 132.891 496.014 132.221 494.512 132.221H489.46C487.328 132.221 485.453 133.564 484.865 135.511L477.637 159.435C477.607 159.515 477.563 159.646 477.539 159.728L467.135 193.96C464.486 202.737 454.827 209.872 445.602 209.872H417.702C413.314 209.872 409.773 208.334 407.466 205.423C405.093 202.43 404.474 198.255 405.768 193.968L413.768 167.451C413.798 167.371 413.841 167.245 413.866 167.163L422.735 137.976C423.152 136.605 422.866 135.125 421.964 133.985C421.06 132.844 419.644 132.172 418.142 132.172H413.138C411.008 132.172 409.136 133.512 408.545 135.456L407.821 137.843C407.795 137.912 407.74 138.074 407.719 138.143L391.406 191.801C391.382 191.872 391.322 192.045 391.301 192.116L390.745 193.977C388.102 202.736 378.444 209.872 369.217 209.872H341.317C336.929 209.872 333.389 208.334 331.081 205.423C328.708 202.43 328.09 198.255 329.383 193.968L330.92 188.87C331.335 187.499 331.046 186.023 330.143 184.883C329.24 183.745 327.826 183.075 326.325 183.075H321.269C319.14 183.075 317.267 184.413 316.676 186.358L314.366 193.959C311.718 202.736 302.059 209.872 292.832 209.872H274.751C272.619 209.872 270.743 211.214 270.156 213.162L264.225 232.817C261.582 241.587 251.923 248.72 242.695 248.72H214.796C210.406 248.72 206.866 247.182 204.559 244.272C202.186 241.279 201.567 237.103 202.861 232.817L208.034 215.667C208.449 214.296 208.16 212.82 207.257 211.68C206.354 210.542 204.94 209.872 203.439 209.872H188.549C184.162 209.872 180.622 208.334 178.312 205.423C175.94 202.43 175.32 198.255 176.614 193.971L178.152 188.87C178.565 187.499 178.277 186.023 177.374 184.883C176.47 183.745 175.057 183.075 173.556 183.075H168.484C166.352 183.075 164.477 184.417 163.889 186.365L161.594 193.968C158.949 202.739 149.29 209.872 140.064 209.872L101.849 209.936L73.8677 209.938C69.4791 209.938 65.9389 208.4 63.6315 205.49C61.2597 202.497 60.6399 198.321 61.9333 194.037L67.1284 176.818C67.5427 175.445 67.2544 173.969 66.351 172.829C65.4477 171.691 64.0342 171.021 62.5331 171.021H47.5966C43.208 171.021 39.6678 169.483 37.3603 166.572C34.9886 163.579 34.3687 159.404 35.6622 155.12L49.5706 109.183C49.5961 109.114 49.6535 108.941 49.6755 108.872L54.1657 94.0759C54.2065 93.9693 54.2414 93.8651 54.2742 93.7565L55.4811 89.7518C58.1259 80.9836 67.7834 73.8485 77.0099 73.8485H94.8809C97.0133 73.8485 98.8891 72.5063 99.4762 70.5584L105.386 50.9721C108.031 42.2017 117.689 35.0688 126.917 35.0688L165.219 35H193.112C197.501 35 201.041 36.5376 203.348 39.4484C205.721 42.4414 206.34 46.6169 205.046 50.9033L197.046 77.4229C194.4 86.1911 184.742 93.3239 175.515 93.3239L137.214 93.3905H119.35C117.219 93.3905 115.344 94.7327 114.755 96.6786L106.875 122.741C106.846 122.823 106.801 122.954 106.777 123.036L99.8637 145.791C99.4458 147.164 99.7329 148.644 100.639 149.786C101.542 150.925 102.955 151.595 104.457 151.595C104.46 151.595 129.766 151.548 129.766 151.548H157.66C162.048 151.548 165.588 153.086 167.896 155.996C170.269 158.989 170.887 163.165 169.594 167.451L168.001 172.736C167.586 174.107 167.875 175.583 168.778 176.723C169.681 177.861 171.095 178.531 172.596 178.531H177.668C179.799 178.531 181.673 177.189 182.263 175.243L185.271 165.297C185.3 165.215 196.429 128.61 196.429 128.61C199.076 119.833 208.735 112.7 217.963 112.7H235.772C237.904 112.7 239.78 111.358 240.367 109.407L246.281 89.8011C248.928 81.0329 258.588 73.8978 267.814 73.8978H295.712C300.1 73.8978 303.641 75.4354 305.948 78.3462C308.321 81.3392 308.941 85.5147 307.647 89.7988L302.487 106.905C302.073 108.276 302.361 109.751 303.265 110.892C304.168 112.03 305.581 112.7 307.083 112.7H322.247C326.635 112.7 330.176 114.237 332.483 117.148C334.856 120.141 335.475 124.317 334.18 128.603L320.819 172.732C320.404 174.103 320.691 175.581 321.594 176.721C322.496 177.862 323.911 178.532 325.414 178.532H330.437C332.567 178.532 334.441 177.192 335.031 175.246L341.321 154.506C341.344 154.444 341.399 154.277 341.419 154.215L357.733 100.555C357.763 100.471 357.809 100.335 357.835 100.251L361.017 89.7591C363.664 80.9843 373.322 73.8492 382.549 73.8492H448.624C453.011 73.8492 456.551 75.3889 458.86 78.2999C461.233 81.2906 461.853 85.4661 460.559 89.7502L455.384 106.903C454.97 108.276 455.258 109.751 456.162 110.89C457.065 112.03 458.478 112.7 459.979 112.7H465.191C467.324 112.7 469.199 111.358 469.786 109.41L475.702 89.8013C478.348 81.0332 488.006 73.8981 497.233 73.8981H525.132C529.521 73.8981 533.061 75.4357 535.369 78.3464C537.742 81.3394 538.36 85.5149 537.067 89.8013L531.908 106.905C531.493 108.276 531.782 109.751 532.685 110.892C533.588 112.03 535.002 112.7 536.503 112.7H551.4C555.788 112.7 559.329 114.238 561.636 117.148C564.008 120.141 564.628 124.317 563.334 128.601L561.747 133.866C561.333 135.237 561.621 136.712 562.524 137.853C563.427 138.991 564.841 139.661 566.342 139.661H571.396C573.525 139.661 575.397 138.323 575.989 136.38L590.169 89.7616C592.816 80.9823 602.475 73.8494 611.702 73.8494H629.638C631.77 73.8494 633.645 72.5072 634.233 70.5593L640.165 50.9042C642.81 42.1338 652.468 35.0009 661.695 35.0009H689.594C693.984 35.0009 697.524 36.5385 699.832 39.4493C702.205 42.4423 702.823 46.6178 701.529 50.9042L693.529 77.4238C690.884 86.192 681.225 93.3248 671.999 93.3248H654.061C651.929 93.3248 650.053 94.667 649.466 96.6172L646.363 106.905C645.948 108.276 646.237 109.752 647.14 110.892C648.043 112.03 649.457 112.7 650.958 112.7H665.96C670.349 112.7 673.889 114.238 676.196 117.149C678.569 120.139 679.188 124.315 677.894 128.601L676.307 133.866C675.893 135.237 676.181 136.713 677.084 137.853C677.988 138.991 679.401 139.661 680.902 139.661H685.975C688.105 139.661 689.977 138.323 690.568 136.378L704.728 89.7616C707.378 80.9846 717.036 73.8494 726.262 73.8494H754.162C758.551 73.8494 762.091 75.3871 764.399 78.2978C766.772 81.2908 767.39 85.4663 766.096 89.7527L753.502 131.375C753.47 131.457 753.427 131.588 753.401 131.672L752.052 136.125C751.636 137.498 751.922 138.976 752.826 140.116C753.729 141.256 755.144 141.927 756.646 141.927H761.637C763.767 141.927 765.64 140.587 766.231 138.643L781.068 89.7618C783.717 80.9848 793.375 73.8497 802.602 73.8497H830.501C834.889 73.8497 838.429 75.3893 840.737 78.3003C843.11 81.291 843.729 85.4665 842.436 89.7529L810.847 193.965C808.2 202.74 798.541 209.873 789.316 209.873H771.378C769.246 209.873 767.37 211.215 766.783 213.163L760.852 232.818C758.208 241.589 748.549 248.721 739.322 248.721L711.422 248.72ZM260.308 132.221C258.177 132.221 256.304 133.561 255.713 135.507L240.828 184.597C240.413 185.968 240.698 187.446 241.602 188.586C242.505 189.729 243.92 190.399 245.422 190.399H250.472C252.602 190.399 254.476 189.059 255.067 187.113L269.952 138.023C270.367 136.652 270.081 135.175 269.178 134.034C268.275 132.891 266.86 132.221 265.358 132.221H260.308Z"
fill="white"
/>
</mask>
</defs>
<path
d="M711.422 248.72C707.034 248.72 703.494 247.183 701.186 244.272C698.813 241.279 698.194 237.103 699.489 232.817L707.489 206.3C710.133 197.531 719.791 190.399 729.019 190.399H746.955C749.088 190.399 750.963 189.056 751.55 187.108L754.645 176.854C755.059 175.48 754.771 174.005 753.867 172.865C752.964 171.726 751.549 171.056 750.048 171.056L710.741 171.063C710.521 171.034 710.315 171.021 710.091 171.021H696.848C692.46 171.021 688.92 169.483 686.612 166.572C684.24 163.579 683.621 159.404 684.914 155.12L686.458 149.999C686.872 148.628 686.583 147.153 685.68 146.012C684.776 144.874 683.363 144.204 681.862 144.204H676.789C674.655 144.204 672.781 145.546 672.194 147.496L669.894 155.12C667.25 163.888 657.591 171.021 648.363 171.021H630.472C628.343 171.021 626.47 172.359 625.879 174.302L620.795 191.024C620.773 191.088 620.714 191.259 620.696 191.324L613.437 215.218C613.406 215.3 613.361 215.432 613.337 215.516L608.085 232.812C605.44 241.587 595.781 248.72 586.553 248.72H558.654C554.265 248.72 550.725 247.183 548.417 244.272C546.044 241.281 545.426 237.106 546.719 232.819L570.103 155.73C570.132 155.65 570.186 155.49 570.211 155.408L571.845 150.004C572.261 148.633 571.974 147.155 571.07 146.015C570.167 144.874 568.752 144.204 567.251 144.204H562.23C560.1 144.204 558.228 145.544 557.637 147.488L547.458 181.009C547.427 181.091 547.383 181.224 547.359 181.307L543.518 193.96C540.872 202.737 531.213 209.872 521.986 209.872H494.087C489.697 209.872 486.157 208.334 483.849 205.423C481.478 202.428 480.858 198.253 482.152 193.968L499.106 138.023C499.521 136.652 499.234 135.174 498.332 134.032C497.429 132.891 496.014 132.221 494.512 132.221H489.46C487.328 132.221 485.453 133.564 484.865 135.511L477.637 159.435C477.607 159.515 477.563 159.646 477.539 159.728L467.135 193.96C464.486 202.737 454.827 209.872 445.602 209.872H417.702C413.314 209.872 409.773 208.334 407.466 205.423C405.093 202.43 404.474 198.255 405.768 193.968L413.768 167.451C413.798 167.371 413.841 167.245 413.866 167.163L422.735 137.976C423.152 136.605 422.866 135.125 421.964 133.985C421.06 132.844 419.644 132.172 418.142 132.172H413.138C411.008 132.172 409.136 133.512 408.545 135.456L407.821 137.843C407.795 137.912 407.74 138.074 407.719 138.143L391.406 191.801C391.382 191.872 391.322 192.045 391.301 192.116L390.745 193.977C388.102 202.736 378.444 209.872 369.217 209.872H341.317C336.929 209.872 333.389 208.334 331.081 205.423C328.708 202.43 328.09 198.255 329.383 193.968L330.92 188.87C331.335 187.499 331.046 186.023 330.143 184.883C329.24 183.745 327.826 183.075 326.325 183.075H321.269C319.14 183.075 317.267 184.413 316.676 186.358L314.366 193.959C311.718 202.736 302.059 209.872 292.832 209.872H274.751C272.619 209.872 270.743 211.214 270.156 213.162L264.225 232.817C261.582 241.587 251.923 248.72 242.695 248.72H214.796C210.406 248.72 206.866 247.182 204.559 244.272C202.186 241.279 201.567 237.103 202.861 232.817L208.034 215.667C208.449 214.296 208.16 212.82 207.257 211.68C206.354 210.542 204.94 209.872 203.439 209.872H188.549C184.162 209.872 180.622 208.334 178.312 205.423C175.94 202.43 175.32 198.255 176.614 193.971L178.152 188.87C178.565 187.499 178.277 186.023 177.374 184.883C176.47 183.745 175.057 183.075 173.556 183.075H168.484C166.352 183.075 164.477 184.417 163.889 186.365L161.594 193.968C158.949 202.739 149.29 209.872 140.064 209.872L101.849 209.936L73.8677 209.938C69.4791 209.938 65.9389 208.4 63.6315 205.49C61.2597 202.497 60.6399 198.321 61.9333 194.037L67.1284 176.818C67.5427 175.445 67.2544 173.969 66.351 172.829C65.4477 171.691 64.0342 171.021 62.5331 171.021H47.5966C43.208 171.021 39.6678 169.483 37.3603 166.572C34.9886 163.579 34.3687 159.404 35.6622 155.12L49.5706 109.183C49.5961 109.114 49.6535 108.941 49.6755 108.872L54.1657 94.0759C54.2065 93.9693 54.2414 93.8651 54.2742 93.7565L55.4811 89.7518C58.1259 80.9836 67.7834 73.8485 77.0099 73.8485H94.8809C97.0133 73.8485 98.8891 72.5063 99.4762 70.5584L105.386 50.9721C108.031 42.2017 117.689 35.0688 126.917 35.0688L165.219 35H193.112C197.501 35 201.041 36.5376 203.348 39.4484C205.721 42.4414 206.34 46.6169 205.046 50.9033L197.046 77.4229C194.4 86.1911 184.742 93.3239 175.515 93.3239L137.214 93.3905H119.35C117.219 93.3905 115.344 94.7327 114.755 96.6786L106.875 122.741C106.846 122.823 106.801 122.954 106.777 123.036L99.8637 145.791C99.4458 147.164 99.7329 148.644 100.639 149.786C101.542 150.925 102.955 151.595 104.457 151.595C104.46 151.595 129.766 151.548 129.766 151.548H157.66C162.048 151.548 165.588 153.086 167.896 155.996C170.269 158.989 170.887 163.165 169.594 167.451L168.001 172.736C167.586 174.107 167.875 175.583 168.778 176.723C169.681 177.861 171.095 178.531 172.596 178.531H177.668C179.799 178.531 181.673 177.189 182.263 175.243L185.271 165.297C185.3 165.215 196.429 128.61 196.429 128.61C199.076 119.833 208.735 112.7 217.963 112.7H235.772C237.904 112.7 239.78 111.358 240.367 109.407L246.281 89.8011C248.928 81.0329 258.588 73.8978 267.814 73.8978H295.712C300.1 73.8978 303.641 75.4354 305.948 78.3462C308.321 81.3392 308.941 85.5147 307.647 89.7988L302.487 106.905C302.073 108.276 302.361 109.751 303.265 110.892C304.168 112.03 305.581 112.7 307.083 112.7H322.247C326.635 112.7 330.176 114.237 332.483 117.148C334.856 120.141 335.475 124.317 334.18 128.603L320.819 172.732C320.404 174.103 320.691 175.581 321.594 176.721C322.496 177.862 323.911 178.532 325.414 178.532H330.437C332.567 178.532 334.441 177.192 335.031 175.246L341.321 154.506C341.344 154.444 341.399 154.277 341.419 154.215L357.733 100.555C357.763 100.471 357.809 100.335 357.835 100.251L361.017 89.7591C363.664 80.9843 373.322 73.8492 382.549 73.8492H448.624C453.011 73.8492 456.551 75.3889 458.86 78.2999C461.233 81.2906 461.853 85.4661 460.559 89.7502L455.384 106.903C454.97 108.276 455.258 109.751 456.162 110.89C457.065 112.03 458.478 112.7 459.979 112.7H465.191C467.324 112.7 469.199 111.358 469.786 109.41L475.702 89.8013C478.348 81.0332 488.006 73.8981 497.233 73.8981H525.132C529.521 73.8981 533.061 75.4357 535.369 78.3464C537.742 81.3394 538.36 85.5149 537.067 89.8013L531.908 106.905C531.493 108.276 531.782 109.751 532.685 110.892C533.588 112.03 535.002 112.7 536.503 112.7H551.4C555.788 112.7 559.329 114.238 561.636 117.148C564.008 120.141 564.628 124.317 563.334 128.601L561.747 133.866C561.333 135.237 561.621 136.712 562.524 137.853C563.427 138.991 564.841 139.661 566.342 139.661H571.396C573.525 139.661 575.397 138.323 575.989 136.38L590.169 89.7616C592.816 80.9823 602.475 73.8494 611.702 73.8494H629.638C631.77 73.8494 633.645 72.5072 634.233 70.5593L640.165 50.9042C642.81 42.1338 652.468 35.0009 661.695 35.0009H689.594C693.984 35.0009 697.524 36.5385 699.832 39.4493C702.205 42.4423 702.823 46.6178 701.529 50.9042L693.529 77.4238C690.884 86.192 681.225 93.3248 671.999 93.3248H654.061C651.929 93.3248 650.053 94.667 649.466 96.6172L646.363 106.905C645.948 108.276 646.237 109.752 647.14 110.892C648.043 112.03 649.457 112.7 650.958 112.7H665.96C670.349 112.7 673.889 114.238 676.196 117.149C678.569 120.139 679.188 124.315 677.894 128.601L676.307 133.866C675.893 135.237 676.181 136.713 677.084 137.853C677.988 138.991 679.401 139.661 680.902 139.661H685.975C688.105 139.661 689.977 138.323 690.568 136.378L704.728 89.7616C707.378 80.9846 717.036 73.8494 726.262 73.8494H754.162C758.551 73.8494 762.091 75.3871 764.399 78.2978C766.772 81.2908 767.39 85.4663 766.096 89.7527L753.502 131.375C753.47 131.457 753.427 131.588 753.401 131.672L752.052 136.125C751.636 137.498 751.922 138.976 752.826 140.116C753.729 141.256 755.144 141.927 756.646 141.927H761.637C763.767 141.927 765.64 140.587 766.231 138.643L781.068 89.7618C783.717 80.9848 793.375 73.8497 802.602 73.8497H830.501C834.889 73.8497 838.429 75.3893 840.737 78.3003C843.11 81.291 843.729 85.4665 842.436 89.7529L810.847 193.965C808.2 202.74 798.541 209.873 789.316 209.873H771.378C769.246 209.873 767.37 211.215 766.783 213.163L760.852 232.818C758.208 241.589 748.549 248.721 739.322 248.721L711.422 248.72ZM260.308 132.221C258.177 132.221 256.304 133.561 255.713 135.507L240.828 184.597C240.413 185.968 240.698 187.446 241.602 188.586C242.505 189.729 243.92 190.399 245.422 190.399H250.472C252.602 190.399 254.476 189.059 255.067 187.113L269.952 138.023C270.367 136.652 270.081 135.175 269.178 134.034C268.275 132.891 266.86 132.221 265.358 132.221H260.308Z"
stroke="currentColor"
stroke-width="2"
fill="none"
opacity="0.4"
/>
<g mask="url(#comfy-mask-splash)">
<g class="wave-group">
<path
class="wave-path"
d="M 0 50 Q 110 0 220 50 T 440 50 T 660 50 T 880 50 T 1100 50 T 1320 50 T 1540 50 T 1760 50 V 400 H 0 Z"
fill="currentColor"
/>
</g>
</g>
</svg>
</div>
<script>
;(function () {
var bg, fg
try {
bg = localStorage.getItem('comfy-splash-bg')
fg = localStorage.getItem('comfy-splash-fg')
} catch (_) {}
if (!bg || !fg) {
var isDark =
window.matchMedia &&
window.matchMedia('(prefers-color-scheme: dark)').matches
bg = isDark ? '#202020' : '#f5f5f5'
fg = isDark ? '#ffffff' : '#000000'
}
document.documentElement.style.setProperty('--bg-color', bg)
document.documentElement.style.setProperty('--fg-color', fg)
var el = document.getElementById('splash-loader')
if (el) {
el.style.background = bg
el.style.color = fg
}
})()
</script>
<div id="vue-app"></div>
<script type="module" src="src/main.ts"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink