- ID de exploración:
- 75c891b9-fd5d-4e74-a62d-20f99244dc19Finalizado
- URL enviada:
- https://tiny-helpers.dev/
- Informe finalizado:
Enlaces: 1078 encontrados
Los enlaces salientes identificados en la página
| Enlace | Texto |
|---|---|
| https://webweekly.email?ref=tiny-helpers | Web Weekly |
| https://twitter.com/tinyhelpersdev | Follow on Twitter |
| https://github.com/stefanjudis/tiny-helpers#contributing | Add helper |
| https://www.stefanjudis.com | Website |
| https://twitter.com/stefanjudis | Stefan on TwitterTwitter |
| https://github.com/stefanjudis | stefanjudis on GitHub |
| https://github.com/fhemberger | fhemberger on GitHub |
| https://github.com/nikitahl | nikitahl on GitHub |
| https://github.com/akx | akx on GitHub |
| https://github.com/0xadada | 0xadada on GitHub |
Variables JavaScript: 4 encontradas
Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual
| Nombre | Tipo |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| plausible | function |
Mensajes de registro de la consola: 0 encontrados
Mensajes registrados en la consola web
HTML
El cuerpo HTML sin procesar de la página
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="alternate" type="application/rss+xml" title="Tiny Helpers RSS feed" href="https://tiny-helpers.dev/feed.xml"><title>All – Tiny Helpers</title><meta name="title" content="All – Tiny Helpers"><meta name="description" content="A collection of free single-purpose online tools for web developers..."><meta property="og:type" content="website"><meta property="og:url" content="https://tiny-helpers.dev/"><meta property="og:title" content="All – Tiny Helpers"><meta property="og:description" content="A collection of free single-purpose online tools for web developers..."><meta property="og:image" content="https://tiny-helpers.dev/large-media-image.jpg"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://tiny-helpers.dev/"><meta property="twitter:title" content="All – Tiny Helpers"><meta property="twitter:description" content="A collection of free single-purpose online tools for web developers..."><meta property="twitter:image" content="https://tiny-helpers.dev/large-media-image.jpg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><script defer="defer" data-domain="tiny-helpers.dev" src="https://plausible.io/js/script.js"></script><style>*,::after,::before{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;color:var(--text-color);font-size:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'}h1,h2,h3,h4{font-family:Exo,sans-serif;color:var(--text-highlight-color);margin:0}a{color:currentColor;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px}a:active,a:hover{color:var(--primary-color)}svg{fill:currentColor}img,svg{max-width:100%;height:auto}ol,ul{margin:0;padding:0;list-style:none}p{margin:0 0 1em}:focus{outline:3px solid var(--primary-color)}.js-focus-visible :focus:not(.focus-visible){outline:0}.btn{border-radius:.25em;line-height:1em;font-family:sans-serif;font-size:1em;margin:.25em;white-space:nowrap}.btn svg{width:auto}.btn--cta{padding:.5em .75em;background:var(--primary-color);color:#fff;text-decoration:none;box-shadow:0 .25em .75em #405fca82;display:inline-grid;grid-template-columns:auto 1em;grid-gap:.75em;transform:translateY(0);border:2px solid transparent}.btn--cta:hover{background:#506fda;transform:translateY(-1px);color:#fff}.btn--cta:active{box-shadow:0 .125em .5em #405fca82}.btn--ghost{color:var(--primary-color);padding:.75em 0;display:inline-grid;grid-template-columns:auto 1.25em;grid-gap:.75em;transform:translateY(0);border:2px solid transparent;background:0 0;font-size:1em;text-decoration:none}.btn--ghost:hover{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.1em}.btn--full{display:block;font-size:.875em;text-align:center;margin:1em 2px 2px 2px;background:var(--sidebar-bg-color);padding:.75em 1em;color:#fff;border-top:1px solid #d9dfe4;color:var(--primary-color)}.btn--bubble{font-size:.875em;border:1px solid var(--light-border-color);text-decoration:none;padding:.25em .5em;border-radius:.25em}.btn--bubble:hover{border-color:currentColor}.btn--reset{background:0 0;border:none;font-size:1em}.btnGroup{display:flex;border:1px solid var(--light-border-color)}.btnGroup--btn{display:inline-block;font-size:1em;padding:.5em 1em;background:#fff;white-space:nowrap;text-decoration:none}.btnGroup--btn.isActive{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px;color:var(--primary-color)}.btnGroup--btn+.btnGroup--btn{border-left:1px solid var(--light-border-color)}[data-menu-button] .rotate{transform:rotate(0)}[data-menu-button].is-active .rotate{transform:scale(1,.75) translate(1.5em,-1.375em) rotate(25deg)}#carbonads{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0 -1em 1em}#carbonads{display:flex;max-width:330px;background-color:#f9f9f9;box-shadow:0 1px 6px 1px hsla(0,0%,0%,.1)}#carbonads a{color:inherit;text-decoration:none}#carbonads a:hover{color:inherit}#carbonads span{position:relative;display:block;overflow:hidden}#carbonads .carbon-wrap{display:flex}.carbon-img{display:block;margin:0;line-height:1}.carbon-img img{display:block;max-width:5em}.carbon-text{font-size:12px;padding:10px;line-height:1.25;text-align:left}.carbon-poweredby{display:block;padding:8px 10px;background:repeating-linear-gradient(-45deg,transparent,transparent 5px,hsla(0,0%,0%,.025) 5px,hsla(0,0%,0%,.025) 10px) hsla(203,11%,95%,.4);text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:9px;line-height:1}.card-link::before{content:'';position:absolute;top:0;left:0;right:0;padding-bottom:60%}.nav li{position:relative}.nav a{display:block;padding:.25em 1em;text-decoration:none}.nav a:hover{color:var(--primary-color);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.1em}.nav a[aria-current=page]{background:#fff;border-radius:.5em;color:var(--primary-color)}.nav .nav-tagCount{position:absolute;right:1.25em;top:.375em;padding:.25em .5em;font-size:.75em;font-weight:700;color:#686c7a;border-radius:.375em}.notification{padding:1rem;text-align:center;background:var(--primary-color);color:#fff}.notification a:focus,.notification a:hover{color:#fff}.skip-link{position:absolute;top:-999px;left:-999px;height:1px;width:1px;overflow:hidden;background:var(--canvas-bg-color)}.skip-link:active,.skip-link:focus,.skip-link:hover{left:1em;top:1em;width:auto;height:auto;overflow:visible}.bg-lighter{background:var(--canvas-light-color)}.bg-light{background:var(--canvas-bg-color)}.bg-medium{background:var(--sidebar-bg-color)}.color-primary{color:var(--primary-color)}.height-100{height:100%}.fst-italic{font-style:italic}.fsi-0-875{font-size:.875em}.fsi-1{font-size:1em}.fsi-1-25{font-size:1.25em}.fsi-1-5{font-size:1.5em}.fw-bold{font-weight:700}.ff-fancy{font-family:Exo,sans-serif}.no-underline{text-decoration:none}.flex-x-sb{display:flex;justify-content:space-between;align-items:center}.flex-x-start{display:flex;justify-content:start;align-items:center}.grid-center{display:grid;place-items:center}.padding-xs{padding:.25rem!important}.padding-s{padding:.5rem!important}.padding-m{padding:1rem!important}.padding-l{padding:2rem!important}.padding-v-m{padding:0 1em}.p-relative{position:relative}.p-abs-top-right{position:absolute;top:.5em;right:.5em}.p-abs-top-left{position:absolute;top:1em;left:1em}.z-1{z-index:1}.margin-bottom-xs{margin-bottom:.25rem!important}.margin-bottom-s{margin-bottom:.5rem!important}.margin-bottom-m{margin-bottom:1rem!important}.margin-bottom-l{margin-bottom:2rem!important}.margin-top-xs{margin-top:.25rem!important}.margin-top-s{margin-top:.5rem!important}.margin-top-m{margin-top:1rem!important}.margin-top-l{margin-top:2rem!important}.margin-right-xs{margin-right:.25rem!important}.margin-right-s{margin-right:.5rem!important}.margin-right-m{margin-right:1rem!important}.margin-right-l{margin-right:2rem!important}.neg-margin-left-s{margin-left:-.5rem}.neg-margin-left-m{margin-left:-1rem}.neg-margin-right-s{margin-right:-.5rem}.neg-margin-right-m{margin-right:-1rem}.margin-top-auto{margin-top:auto}.shadow-left{box-shadow:inset -.5em 0 1.25em -.875em #d4dadf}.shadow-full{box-shadow:0 .25em 1em #eee}@media (min-width:55em){.hide-large{display:none}}.hide-small{display:none}@media (min-width:55em){.hide-small{display:block}}@font-face{font-family:Exo;font-style:normal;font-weight:600;src:local('Exo SemiBold'),local('Exo-SemiBold'),url(/exo.woff2) format('woff2'),url(/exo.woff) format('woff');font-display:swap}body{--primary-color:#405fca;--text-color:#484a53;--text-highlight-color:#393c42;--light-border-color:#d9dfe4;--canvas-bg-color:#f5f7ff;--canvas-light-color:#fafcff;--sidebar-bg-color:#eaefff;--desktop-sidebar-width:20em;--desktop-topbar-height:5em;background:var(--canvas-bg-color)}@media (min-width:55em){.container{display:grid;height:100%;grid-template-columns:var(--desktop-sidebar-width) 1fr;grid-template-rows:var(--desktop-topbar-height) 1fr}}.main-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17.5em,1fr));grid-gap:3em 2em}.social-grid{padding:1em 3em;grid-gap:1em;display:grid;grid-template-columns:repeat(auto-fill,minmax(10em,1fr));place-items:center;justify-content:center}@media (min-width:55em){.social-grid{grid-template-columns:repeat(3,min-content);justify-content:end}}.flex-column{display:flex;flex-direction:column}.thin-border{border:1px solid var(--light-border-color)}.thin-border-bottom{border-bottom:1px solid var(--light-border-color)}.hide .thin-border-bottom{border-bottom:1px solid var(--light-border-color)}.padding-sidebar{padding:1em 2em}@media (min-width:55em){.padding-sidebar{padding:1em 3em}}.c-logo{display:flex;align-items:center;justify-content:space-between}@media (min-width:55em){.c-logo{display:grid;place-items:center;justify-items:baseline}}.img-size-m{width:2.5em;height:2.5em}.img-size-s{width:2em;height:2em}.circle{border-radius:50%;overflow:hidden;border:2px solid currentColor}.inline-list>li{display:inline-block}</style></head><body><a href="#main-content" class="skip-link padding-xs">Skip to main content</a><div class="notification">New tools, and fresh HTML, CSS, and JavaScript tricks — get it all by subscribing to <a href="https://webweekly.email?ref=tiny-helpers">Web Weekly</a>! 💌</div><div class="container"><div class="c-logo thin-border-bottom padding-sidebar bg-medium shadow-left"><a href="/" class="flex-x-start no-underline"><svg width="147" height="147" class="img-size-s margin-right-m" aria-hidden="true" viewBox="0 0 147 147"><path fill="#3E61AD" d="M115.538 39.185l11.869-17.895c.984.313 2.032.48 3.119.48 5.718 0 10.352-4.635 10.352-10.354 0-5.718-4.634-10.351-10.352-10.351-5.716 0-10.352 4.633-10.352 10.351 0 2.562.934 4.9 2.474 6.707l-11.849 17.863c-18.483-11.384-37.05-10.895-37.05-10.895s-18.59-.489-37.085 10.917L24.801 18.124a10.303 10.303 0 002.474-6.707c0-5.718-4.634-10.351-10.352-10.351-5.719 0-10.352 4.633-10.352 10.351 0 5.719 4.633 10.354 10.352 10.354 1.087 0 2.134-.168 3.119-.48L31.928 39.21C14.788 51.857-.872 75.817.2 121.229H147.3c1.072-45.441-14.61-69.403-31.762-82.044zm8.188-30.138c.066-.501.189-.991.386-1.454a4.676 4.676 0 012.209-2.346 8.185 8.185 0 011.07-.452c.712-.232 1.573-.299 2.256.05.776.396 1.097 1.411.728 2.218-.271.594-.764.693-1.347.805-.477.09-.908.249-1.247.611-.263.279-.414.65-.513 1.02-.13.48-.296.997-.609 1.392-.29.366-.729.52-1.188.527-.496.011-1.062-.099-1.403-.488-.276-.32-.371-.757-.381-1.17a4.354 4.354 0 01.039-.713zM16.537 7.063c-.271.594-.762.693-1.346.805-.478.09-.907.249-1.246.611-.263.279-.416.65-.514 1.02-.129.48-.296.997-.609 1.392-.291.366-.73.52-1.188.527-.495.011-1.061-.099-1.402-.488-.277-.32-.372-.757-.382-1.17a4.355 4.355 0 01.041-.713c.066-.501.188-.991.386-1.454a4.686 4.686 0 012.209-2.346 8.113 8.113 0 011.069-.452c.712-.232 1.572-.299 2.257.05.774.396 1.095 1.411.725 2.218zm88.809 83.634H39.737c-8.82 0-15.971-7.851-15.971-17.538s7.151-17.54 15.971-17.54h65.609c8.821 0 15.972 7.853 15.972 17.54s-7.151 17.538-15.972 17.538z"></path><path fill="#3E61AD" d="M52.368 60.62c-6.924 0-12.537 5.614-12.537 12.539 0 6.923 5.613 12.535 12.537 12.535 6.923 0 12.535-5.612 12.535-12.535 0-6.925-5.612-12.539-12.535-12.539zm2.943 8.346c-.44.964-1.239 1.125-2.185 1.305-.774.147-1.471.405-2.021.993-.427.456-.673 1.056-.834 1.652-.211.781-.479 1.619-.987 2.262-.471.592-1.185.843-1.931.855-.803.015-1.72-.161-2.273-.798-.45-.517-.603-1.226-.618-1.894a7.44 7.44 0 01.063-1.157 9.144 9.144 0 01.626-2.36c.177-.416.394-.826.647-1.203a7.631 7.631 0 012.935-2.603 13.124 13.124 0 011.736-.729c1.155-.38 2.551-.487 3.66.078 1.26.644 1.78 2.29 1.182 3.599zM95.659 60.62c-6.923 0-12.537 5.614-12.537 12.539 0 6.923 5.614 12.535 12.537 12.535 6.924 0 12.536-5.612 12.536-12.535 0-6.925-5.612-12.539-12.536-12.539zm2.944 8.346c-.44.964-1.239 1.125-2.186 1.305-.773.147-1.469.405-2.02.993-.426.456-.673 1.056-.834 1.652-.211.781-.479 1.619-.987 2.262-.471.592-1.185.843-1.931.855-.803.015-1.72-.161-2.272-.798-.45-.517-.604-1.226-.621-1.894-.01-.385.015-.778.065-1.157a9.144 9.144 0 01.626-2.36c.177-.416.395-.826.647-1.203a7.631 7.631 0 012.935-2.603 13.067 13.067 0 011.736-.729c1.156-.38 2.55-.487 3.66.078 1.26.644 1.78 2.29 1.182 3.599zM58.648 136.972c0 5.739-3.589 10.388-8.017 10.388H34.613c-4.427 0-8.016-4.648-8.016-10.388 0-5.738 3.589-10.387 8.016-10.387h16.019c4.427 0 8.016 4.648 8.016 10.387zM120.903 136.972c0 5.739-3.588 10.388-8.017 10.388H96.869c-4.427 0-8.017-4.648-8.017-10.388 0-5.738 3.59-10.387 8.017-10.387h16.017c4.428 0 8.017 4.648 8.017 10.387z"></path></svg><div class="color-primary fw-bold fsi-1-5 ff-fancy margin-top-xs">Tiny Helpers</div></a><button type="button" class="hide-large btn--reset margin-top-s" data-menu-button="" aria-expanded="false" aria-controls="menu"><span class="btn--ghost">Menu <svg width="100pt" height="100pt" version="1.1" viewBox="0 0 100 100"><g><path d="m50 88.602c42.898 0 42.898-0.5 42.898-19.301h-85.797c0 18.801 0.69922 19.301 42.898 19.301z"></path><path d="m95 58.801c0 3.6016-2.8984 6.5-6.5 6.5h-77c-3.6016 0-6.5-2.8984-6.5-6.5v-2.8984c0-3.6016 2.8984-6.5 6.5-6.5h76.898c3.6016 0 6.5 2.8984 6.5 6.5v2.8984z"></path><path class="rotate" d="m50 11.398c-23.699 0-42.898 15.199-42.898 33.898h85.699c0.097657-18.695-19.102-33.898-42.801-33.898zm-24.5 13.203c-0.80078 0-1.3984-0.60156-1.3984-1.3984 0-0.80078 0.60156-1.3984 1.3984-1.3984 0.80078 0 1.3984 0.60156 1.3984 1.3984s-0.59766 1.3984-1.3984 1.3984zm8.1992 6.1992c-0.80078 0-1.3984-0.60156-1.3984-1.3984 0-0.80078 0.60156-1.3984 1.3984-1.3984 0.80078 0 1.3984 0.60156 1.3984 1.3984 0.003906 0.79688-0.59766 1.3984-1.3984 1.3984zm8.1016-6.1992c-0.80078 0-1.3984-0.60156-1.3984-1.3984 0-0.80078 0.60156-1.3984 1.3984-1.3984 0.80078 0 1.3984 0.60156 1.3984 1.3984 0.10156 0.79688-0.59766 1.3984-1.3984 1.3984zm8.1992 6.1992c-0.80078 0-1.3984-0.60156-1.3984-1.3984 0-0.80078 0.59766-1.4023 1.3984-1.4023s1.3984 0.60156 1.3984 1.3984c0 0.80078-0.59766 1.4023-1.3984 1.4023zm0-12.301c-0.80078 0-1.3984-0.60156-1.3984-1.3984 0-0.80078 0.60156-1.3984 1.3984-1.3984 0.80078 0 1.3984 0.60156 1.3984 1.3984 0 0.79688-0.59766 1.3984-1.3984 1.3984zm8.1992 6.1016c-0.80078 0-1.3984-0.60156-1.3984-1.3984 0-0.80078 0.60156-1.3984 1.3984-1.3984 0.80078 0 1.3984 0.60156 1.3984 1.3984 0.003906 0.79688-0.69922 1.3984-1.3984 1.3984zm8.1016 6.1992c-0.80078 0-1.3984-0.60156-1.3984-1.3984 0-0.80078 0.60156-1.3984 1.3984-1.3984 0.80078 0 1.3984 0.60156 1.3984 1.3984s-0.59766 1.3984-1.3984 1.3984zm8.1992-6.1992c-0.80078 0-1.3984-0.60156-1.3984-1.3984 0-0.80078 0.60156-1.3984 1.3984-1.3984 0.80078 0 1.3984 0.60156 1.3984 1.3984s-0.69922 1.3984-1.3984 1.3984z"></path></g></svg></span></button></div><div class="social-grid thin-border-bottom bg-light"><a class="btn btn--ghost" href="https://twitter.com/tinyhelpersdev">Follow on Twitter <svg viewBox="-10 -10 310 310" height="320" width="320" focusable="false"><g transform="translate(-539.17946,-568.85777)" id="layer1"><path id="path3611" d="m 633.89823,812.04479 c 112.46038,0 173.95627,-93.16765 173.95627,-173.95625 0,-2.64628 -0.0539,-5.28062 -0.1726,-7.90305 11.93799,-8.63016 22.31446,-19.39999 30.49762,-31.65984 -10.95459,4.86937 -22.74358,8.14741 -35.11071,9.62551 12.62341,-7.56929 22.31446,-19.54304 26.88583,-33.81739 -11.81284,7.00307 -24.89517,12.09297 -38.82383,14.84055 -11.15723,-11.88436 -27.04079,-19.31655 -44.62892,-19.31655 -33.76374,0 -61.14426,27.38052 -61.14426,61.13233 0,4.79784 0.5364,9.46458 1.58538,13.94057 -50.81546,-2.55686 -95.87353,-26.88582 -126.02546,-63.87991 -5.25082,9.03545 -8.27852,19.53111 -8.27852,30.73006 0,21.21186 10.79366,39.93837 27.20766,50.89296 -10.03077,-0.30992 -19.45363,-3.06348 -27.69044,-7.64676 -0.009,0.25652 -0.009,0.50661 -0.009,0.78077 0,29.60957 21.07478,54.3319 49.0513,59.93435 -5.13757,1.40062 -10.54335,2.15158 -16.12196,2.15158 -3.93364,0 -7.76596,-0.38716 -11.49099,-1.1026 7.78383,24.2932 30.35457,41.97073 57.11525,42.46543 -20.92578,16.40207 -47.28712,26.17062 -75.93712,26.17062 -4.92898,0 -9.79834,-0.28036 -14.58427,-0.84634 27.05868,17.34379 59.18936,27.46396 93.72193,27.46396"></path></g></svg> </a><a class="btn btn--ghost" href="https://tiny-helpers.dev/feed.xml">Follow RSS <svg focusable="false" width="120" height="120" viewBox="0 0 120 120"><path d="m0 0v25c41.625 0 75 33.375 75 75h25c0-55.125-44.875-100-100-100zm0 37.5v25c20.875 0 37.5 16.625 37.5 37.5h25c0-34.375-28.125-62.5-62.5-62.5zm0 37.5v25h25c0-13.875-11.25-25-25-25z"></path></svg> </a><a class="btn btn--cta" href="https://github.com/stefanjudis/tiny-helpers#contributing">Add helper <svg width="100" height="100" viewBox="0 0 100 100" aria-hidden="true" focusable="false"><path d="m82.102 58h-24.102v24.102c0 4.3984-3.6016 8-8 8s-8-3.6016-8-8v-24.102h-24.102c-4.3984 0-8-3.6016-8-8s3.6016-8 8-8h24.102v-24.102c0-4.3984 3.6016-8 8-8s8 3.6016 8 8v24.102h24.102c4.3984 0 8 3.6016 8 8s-3.6016 8-8 8z" fill-rule="evenodd"></path></svg></a></div><div id="menu" class="padding-sidebar bg-medium shadow-left" data-menu="" hidden=""><p class="color-primary margin-top-m margin-bottom-m fst-italic fsi-0-875">A collection of free single-purpose online tools for web developers...</p><nav class="margin-bottom-l" aria-labelledby="nav"><h2 class="margin-bottom-s fsi-1-25" id="nav">Tags</h2><ol class="nav"><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/" aria-current="page">All</a><div class="nav-tagCount">633</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/accessibility/">Accessibility</a><div class="nav-tagCount">24</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/ai/">AI</a><div class="nav-tagCount">2</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/animations/">Animations</a><div class="nav-tagCount">14</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/api/">API</a><div class="nav-tagCount">2</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/apis/">APIs</a><div class="nav-tagCount">11</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/code/">Code</a><div class="nav-tagCount">39</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/color/">Color</a><div class="nav-tagCount">66</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/command-line/">Command line</a><div class="nav-tagCount">9</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/css/">CSS</a><div class="nav-tagCount">126</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/data-transformation/">Data transformation</a><div class="nav-tagCount">13</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/database/">Database</a><div class="nav-tagCount">5</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/email/">Email</a><div class="nav-tagCount">12</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/favicons/">Favicons</a><div class="nav-tagCount">8</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/fonts/">Fonts</a><div class="nav-tagCount">31</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/forms/">Forms</a><div class="nav-tagCount">1</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/generated-data/">Generated Data</a><div class="nav-tagCount">5</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/git/">git</a><div class="nav-tagCount">1</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/graphql/">GraphQL</a><div class="nav-tagCount">1</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/html/">HTML</a><div class="nav-tagCount">17</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/http/">HTTP</a><div class="nav-tagCount">10</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/icons/">Icons</a><div class="nav-tagCount">42</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/illustration/">Illustration</a><div class="nav-tagCount">8</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/images/">Images</a><div class="nav-tagCount">59</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/javascript/">JavaScript</a><div class="nav-tagCount">36</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/json/">JSON</a><div class="nav-tagCount">17</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/maps/">Maps</a><div class="nav-tagCount">1</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/markdown/">Markdown</a><div class="nav-tagCount">6</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/misc/">Misc</a><div class="nav-tagCount">96</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/network/">Network</a><div class="nav-tagCount">6</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/npm/">npm</a><div class="nav-tagCount">10</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/pdf/">PDF</a><div class="nav-tagCount">7</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/performance/">Performance</a><div class="nav-tagCount">26</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/php/">PHP</a><div class="nav-tagCount">2</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/pwa/">PWA</a><div class="nav-tagCount">2</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/regular-expressions/">Regular Expressions</a><div class="nav-tagCount">13</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/ruby/">Ruby</a><div class="nav-tagCount">1</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/security/">Security</a><div class="nav-tagCount">22</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/seo/">SEO</a><div class="nav-tagCount">9</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/site-analyzers/">Site analyzers</a><div class="nav-tagCount">12</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/svg/">SVG</a><div class="nav-tagCount">67</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/system-administration/">System Administration</a><div class="nav-tagCount">9</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/tool-collections/">Tool Collections</a><div class="nav-tagCount">6</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/typescript/">TypeScript</a><div class="nav-tagCount">5</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/typography/">Typography</a><div class="nav-tagCount">7</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/unicode/">Unicode</a><div class="nav-tagCount">12</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/url/">URL</a><div class="nav-tagCount">2</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/videos/">Videos</a><div class="nav-tagCount">4</div></li><li class="margin-top-xs margin-bottom-xs neg-margin-left-m neg-margin-right-m"><a href="/yaml/">YAML</a><div class="nav-tagCount">1</div></li></ol></nav><div id="carbon-container"></div><div class="fsi-0-875 margin-top-l"><p class="margin-bottom-xs">Brought to you by Stefan Judis</p><p class="margin-bottom-l">(<a class="color-primary" href="https://www.stefanjudis.com">Website</a>, <a class="color-primary" href="https://twitter.com/stefanjudis" aria-label="Stefan on Twitter">Twitter</a>, <a class="color-primary" href="https://github.com/stefanjudis" aria-label="Stefan on GitHub">GitHub</a>)</p><p class="margin-bottom-s">and <strong>211</strong> lovely people:</p><ul class="inline-list"><li class="neg-margin-right-s"><a href="https://github.com/fhemberger" class="no-underline" aria-label="fhemberger on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fhemberger&size=40, /api/user-image/?user=fhemberger&size=80 2x" src="/api/user-image/?user=fhemberger" alt="GitHub profile image of fhemberger" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/nikitahl" class="no-underline" aria-label="nikitahl on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=nikitahl&size=40, /api/user-image/?user=nikitahl&size=80 2x" src="/api/user-image/?user=nikitahl" alt="GitHub profile image of nikitahl" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/akx" class="no-underline" aria-label="akx on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=akx&size=40, /api/user-image/?user=akx&size=80 2x" src="/api/user-image/?user=akx" alt="GitHub profile image of akx" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/0xadada" class="no-underline" aria-label="0xadada on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=0xadada&size=40, /api/user-image/?user=0xadada&size=80 2x" src="/api/user-image/?user=0xadada" alt="GitHub profile image of 0xadada" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/mrassili" class="no-underline" aria-label="mrassili on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mrassili&size=40, /api/user-image/?user=mrassili&size=80 2x" src="/api/user-image/?user=mrassili" alt="GitHub profile image of mrassili" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/huzaifa-99" class="no-underline" aria-label="huzaifa-99 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=huzaifa-99&size=40, /api/user-image/?user=huzaifa-99&size=80 2x" src="/api/user-image/?user=huzaifa-99" alt="GitHub profile image of huzaifa-99" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/ParaBolt" class="no-underline" aria-label="ParaBolt on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ParaBolt&size=40, /api/user-image/?user=ParaBolt&size=80 2x" src="/api/user-image/?user=ParaBolt" alt="GitHub profile image of ParaBolt" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/thisisseb" class="no-underline" aria-label="thisisseb on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=thisisseb&size=40, /api/user-image/?user=thisisseb&size=80 2x" src="/api/user-image/?user=thisisseb" alt="GitHub profile image of thisisseb" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Ben1980" class="no-underline" aria-label="Ben1980 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Ben1980&size=40, /api/user-image/?user=Ben1980&size=80 2x" src="/api/user-image/?user=Ben1980" alt="GitHub profile image of Ben1980" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/fili" class="no-underline" aria-label="fili on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fili&size=40, /api/user-image/?user=fili&size=80 2x" src="/api/user-image/?user=fili" alt="GitHub profile image of fili" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/manniL" class="no-underline" aria-label="manniL on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=manniL&size=40, /api/user-image/?user=manniL&size=80 2x" src="/api/user-image/?user=manniL" alt="GitHub profile image of manniL" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Kilian" class="no-underline" aria-label="Kilian on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Kilian&size=40, /api/user-image/?user=Kilian&size=80 2x" src="/api/user-image/?user=Kilian" alt="GitHub profile image of Kilian" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/loilo" class="no-underline" aria-label="loilo on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=loilo&size=40, /api/user-image/?user=loilo&size=80 2x" src="/api/user-image/?user=loilo" alt="GitHub profile image of loilo" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/innocenzi" class="no-underline" aria-label="innocenzi on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=innocenzi&size=40, /api/user-image/?user=innocenzi&size=80 2x" src="/api/user-image/?user=innocenzi" alt="GitHub profile image of innocenzi" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/CanRau" class="no-underline" aria-label="CanRau on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=CanRau&size=40, /api/user-image/?user=CanRau&size=80 2x" src="/api/user-image/?user=CanRau" alt="GitHub profile image of CanRau" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/nicokoenig" class="no-underline" aria-label="nicokoenig on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=nicokoenig&size=40, /api/user-image/?user=nicokoenig&size=80 2x" src="/api/user-image/?user=nicokoenig" alt="GitHub profile image of nicokoenig" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/henripar" class="no-underline" aria-label="henripar on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=henripar&size=40, /api/user-image/?user=henripar&size=80 2x" src="/api/user-image/?user=henripar" alt="GitHub profile image of henripar" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/axe312ger" class="no-underline" aria-label="axe312ger on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=axe312ger&size=40, /api/user-image/?user=axe312ger&size=80 2x" src="/api/user-image/?user=axe312ger" alt="GitHub profile image of axe312ger" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/vivekest" class="no-underline" aria-label="vivekest on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=vivekest&size=40, /api/user-image/?user=vivekest&size=80 2x" src="/api/user-image/?user=vivekest" alt="GitHub profile image of vivekest" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/cyrilbois" class="no-underline" aria-label="cyrilbois on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=cyrilbois&size=40, /api/user-image/?user=cyrilbois&size=80 2x" src="/api/user-image/?user=cyrilbois" alt="GitHub profile image of cyrilbois" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/TomTasche" class="no-underline" aria-label="TomTasche on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=TomTasche&size=40, /api/user-image/?user=TomTasche&size=80 2x" src="/api/user-image/?user=TomTasche" alt="GitHub profile image of TomTasche" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/sebastiangreger" class="no-underline" aria-label="sebastiangreger on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=sebastiangreger&size=40, /api/user-image/?user=sebastiangreger&size=80 2x" src="/api/user-image/?user=sebastiangreger" alt="GitHub profile image of sebastiangreger" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/gnclmorais" class="no-underline" aria-label="gnclmorais on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=gnclmorais&size=40, /api/user-image/?user=gnclmorais&size=80 2x" src="/api/user-image/?user=gnclmorais" alt="GitHub profile image of gnclmorais" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/niksy" class="no-underline" aria-label="niksy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=niksy&size=40, /api/user-image/?user=niksy&size=80 2x" src="/api/user-image/?user=niksy" alt="GitHub profile image of niksy" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/bjuretko" class="no-underline" aria-label="bjuretko on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bjuretko&size=40, /api/user-image/?user=bjuretko&size=80 2x" src="/api/user-image/?user=bjuretko" alt="GitHub profile image of bjuretko" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/mikemcbride" class="no-underline" aria-label="mikemcbride on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mikemcbride&size=40, /api/user-image/?user=mikemcbride&size=80 2x" src="/api/user-image/?user=mikemcbride" alt="GitHub profile image of mikemcbride" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/philnash" class="no-underline" aria-label="philnash on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=philnash&size=40, /api/user-image/?user=philnash&size=80 2x" src="/api/user-image/?user=philnash" alt="GitHub profile image of philnash" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/remy" class="no-underline" aria-label="remy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=remy&size=40, /api/user-image/?user=remy&size=80 2x" src="/api/user-image/?user=remy" alt="GitHub profile image of remy" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Sjeiti" class="no-underline" aria-label="Sjeiti on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Sjeiti&size=40, /api/user-image/?user=Sjeiti&size=80 2x" src="/api/user-image/?user=Sjeiti" alt="GitHub profile image of Sjeiti" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/saneef" class="no-underline" aria-label="saneef on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=saneef&size=40, /api/user-image/?user=saneef&size=80 2x" src="/api/user-image/?user=saneef" alt="GitHub profile image of saneef" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/mischah" class="no-underline" aria-label="mischah on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mischah&size=40, /api/user-image/?user=mischah&size=80 2x" src="/api/user-image/?user=mischah" alt="GitHub profile image of mischah" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/MoritzGiessmann" class="no-underline" aria-label="MoritzGiessmann on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=MoritzGiessmann&size=40, /api/user-image/?user=MoritzGiessmann&size=80 2x" src="/api/user-image/?user=MoritzGiessmann" alt="GitHub profile image of MoritzGiessmann" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/ndom91" class="no-underline" aria-label="ndom91 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ndom91&size=40, /api/user-image/?user=ndom91&size=80 2x" src="/api/user-image/?user=ndom91" alt="GitHub profile image of ndom91" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/radim-ek" class="no-underline" aria-label="radim-ek on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=radim-ek&size=40, /api/user-image/?user=radim-ek&size=80 2x" src="/api/user-image/?user=radim-ek" alt="GitHub profile image of radim-ek" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/rommelmamedov" class="no-underline" aria-label="rommelmamedov on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=rommelmamedov&size=40, /api/user-image/?user=rommelmamedov&size=80 2x" src="/api/user-image/?user=rommelmamedov" alt="GitHub profile image of rommelmamedov" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/bruskowski" class="no-underline" aria-label="bruskowski on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bruskowski&size=40, /api/user-image/?user=bruskowski&size=80 2x" src="/api/user-image/?user=bruskowski" alt="GitHub profile image of bruskowski" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/thebitrock" class="no-underline" aria-label="thebitrock on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=thebitrock&size=40, /api/user-image/?user=thebitrock&size=80 2x" src="/api/user-image/?user=thebitrock" alt="GitHub profile image of thebitrock" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/sanderheilbron" class="no-underline" aria-label="sanderheilbron on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=sanderheilbron&size=40, /api/user-image/?user=sanderheilbron&size=80 2x" src="/api/user-image/?user=sanderheilbron" alt="GitHub profile image of sanderheilbron" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/SaraVieira" class="no-underline" aria-label="SaraVieira on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=SaraVieira&size=40, /api/user-image/?user=SaraVieira&size=80 2x" src="/api/user-image/?user=SaraVieira" alt="GitHub profile image of SaraVieira" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/sid-maddy" class="no-underline" aria-label="sid-maddy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=sid-maddy&size=40, /api/user-image/?user=sid-maddy&size=80 2x" src="/api/user-image/?user=sid-maddy" alt="GitHub profile image of sid-maddy" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Afif13" class="no-underline" aria-label="Afif13 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Afif13&size=40, /api/user-image/?user=Afif13&size=80 2x" src="/api/user-image/?user=Afif13" alt="GitHub profile image of Afif13" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/rejas" class="no-underline" aria-label="rejas on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=rejas&size=40, /api/user-image/?user=rejas&size=80 2x" src="/api/user-image/?user=rejas" alt="GitHub profile image of rejas" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/fershad" class="no-underline" aria-label="fershad on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fershad&size=40, /api/user-image/?user=fershad&size=80 2x" src="/api/user-image/?user=fershad" alt="GitHub profile image of fershad" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/julianYaman" class="no-underline" aria-label="julianYaman on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=julianYaman&size=40, /api/user-image/?user=julianYaman&size=80 2x" src="/api/user-image/?user=julianYaman" alt="GitHub profile image of julianYaman" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/matthiasott" class="no-underline" aria-label="matthiasott on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=matthiasott&size=40, /api/user-image/?user=matthiasott&size=80 2x" src="/api/user-image/?user=matthiasott" alt="GitHub profile image of matthiasott" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/enbee81" class="no-underline" aria-label="enbee81 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=enbee81&size=40, /api/user-image/?user=enbee81&size=80 2x" src="/api/user-image/?user=enbee81" alt="GitHub profile image of enbee81" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/darekkay" class="no-underline" aria-label="darekkay on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=darekkay&size=40, /api/user-image/?user=darekkay&size=80 2x" src="/api/user-image/?user=darekkay" alt="GitHub profile image of darekkay" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/crazko" class="no-underline" aria-label="crazko on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=crazko&size=40, /api/user-image/?user=crazko&size=80 2x" src="/api/user-image/?user=crazko" alt="GitHub profile image of crazko" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/austinpray" class="no-underline" aria-label="austinpray on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=austinpray&size=40, /api/user-image/?user=austinpray&size=80 2x" src="/api/user-image/?user=austinpray" alt="GitHub profile image of austinpray" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/bennycode" class="no-underline" aria-label="bennycode on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bennycode&size=40, /api/user-image/?user=bennycode&size=80 2x" src="/api/user-image/?user=bennycode" alt="GitHub profile image of bennycode" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/alvinometric" class="no-underline" aria-label="alvinometric on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=alvinometric&size=40, /api/user-image/?user=alvinometric&size=80 2x" src="/api/user-image/?user=alvinometric" alt="GitHub profile image of alvinometric" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/argyleink" class="no-underline" aria-label="argyleink on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=argyleink&size=40, /api/user-image/?user=argyleink&size=80 2x" src="/api/user-image/?user=argyleink" alt="GitHub profile image of argyleink" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/bkmxer" class="no-underline" aria-label="bkmxer on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bkmxer&size=40, /api/user-image/?user=bkmxer&size=80 2x" src="/api/user-image/?user=bkmxer" alt="GitHub profile image of bkmxer" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/caseymhunt" class="no-underline" aria-label="caseymhunt on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=caseymhunt&size=40, /api/user-image/?user=caseymhunt&size=80 2x" src="/api/user-image/?user=caseymhunt" alt="GitHub profile image of caseymhunt" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/seemly" class="no-underline" aria-label="seemly on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=seemly&size=40, /api/user-image/?user=seemly&size=80 2x" src="/api/user-image/?user=seemly" alt="GitHub profile image of seemly" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/77656233" class="no-underline" aria-label="77656233 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=77656233&size=40, /api/user-image/?user=77656233&size=80 2x" src="/api/user-image/?user=77656233" alt="GitHub profile image of 77656233" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/chrisguttandin" class="no-underline" aria-label="chrisguttandin on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=chrisguttandin&size=40, /api/user-image/?user=chrisguttandin&size=80 2x" src="/api/user-image/?user=chrisguttandin" alt="GitHub profile image of chrisguttandin" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/stof" class="no-underline" aria-label="stof on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=stof&size=40, /api/user-image/?user=stof&size=80 2x" src="/api/user-image/?user=stof" alt="GitHub profile image of stof" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/mauriciabad" class="no-underline" aria-label="mauriciabad on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mauriciabad&size=40, /api/user-image/?user=mauriciabad&size=80 2x" src="/api/user-image/?user=mauriciabad" alt="GitHub profile image of mauriciabad" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/denno020" class="no-underline" aria-label="denno020 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=denno020&size=40, /api/user-image/?user=denno020&size=80 2x" src="/api/user-image/?user=denno020" alt="GitHub profile image of denno020" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/j9t" class="no-underline" aria-label="j9t on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=j9t&size=40, /api/user-image/?user=j9t&size=80 2x" src="/api/user-image/?user=j9t" alt="GitHub profile image of j9t" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/jasonfarrell" class="no-underline" aria-label="jasonfarrell on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jasonfarrell&size=40, /api/user-image/?user=jasonfarrell&size=80 2x" src="/api/user-image/?user=jasonfarrell" alt="GitHub profile image of jasonfarrell" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/jankohlbach" class="no-underline" aria-label="jankohlbach on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jankohlbach&size=40, /api/user-image/?user=jankohlbach&size=80 2x" src="/api/user-image/?user=jankohlbach" alt="GitHub profile image of jankohlbach" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Cherry" class="no-underline" aria-label="Cherry on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Cherry&size=40, /api/user-image/?user=Cherry&size=80 2x" src="/api/user-image/?user=Cherry" alt="GitHub profile image of Cherry" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/c1rrus" class="no-underline" aria-label="c1rrus on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=c1rrus&size=40, /api/user-image/?user=c1rrus&size=80 2x" src="/api/user-image/?user=c1rrus" alt="GitHub profile image of c1rrus" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/guiqui" class="no-underline" aria-label="guiqui on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=guiqui&size=40, /api/user-image/?user=guiqui&size=80 2x" src="/api/user-image/?user=guiqui" alt="GitHub profile image of guiqui" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/guivr" class="no-underline" aria-label="guivr on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=guivr&size=40, /api/user-image/?user=guivr&size=80 2x" src="/api/user-image/?user=guivr" alt="GitHub profile image of guivr" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/FlipTip" class="no-underline" aria-label="FlipTip on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=FlipTip&size=40, /api/user-image/?user=FlipTip&size=80 2x" src="/api/user-image/?user=FlipTip" alt="GitHub profile image of FlipTip" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/dylanatsmith" class="no-underline" aria-label="dylanatsmith on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dylanatsmith&size=40, /api/user-image/?user=dylanatsmith&size=80 2x" src="/api/user-image/?user=dylanatsmith" alt="GitHub profile image of dylanatsmith" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/zkriszti" class="no-underline" aria-label="zkriszti on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=zkriszti&size=40, /api/user-image/?user=zkriszti&size=80 2x" src="/api/user-image/?user=zkriszti" alt="GitHub profile image of zkriszti" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/paulvandenburg" class="no-underline" aria-label="paulvandenburg on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=paulvandenburg&size=40, /api/user-image/?user=paulvandenburg&size=80 2x" src="/api/user-image/?user=paulvandenburg" alt="GitHub profile image of paulvandenburg" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/gangsthub" class="no-underline" aria-label="gangsthub on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=gangsthub&size=40, /api/user-image/?user=gangsthub&size=80 2x" src="/api/user-image/?user=gangsthub" alt="GitHub profile image of gangsthub" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/pawelgrzybek" class="no-underline" aria-label="pawelgrzybek on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pawelgrzybek&size=40, /api/user-image/?user=pawelgrzybek&size=80 2x" src="/api/user-image/?user=pawelgrzybek" alt="GitHub profile image of pawelgrzybek" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/codecalm" class="no-underline" aria-label="codecalm on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=codecalm&size=40, /api/user-image/?user=codecalm&size=80 2x" src="/api/user-image/?user=codecalm" alt="GitHub profile image of codecalm" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/pericodes" class="no-underline" aria-label="pericodes on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pericodes&size=40, /api/user-image/?user=pericodes&size=80 2x" src="/api/user-image/?user=pericodes" alt="GitHub profile image of pericodes" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/pedrorolando" class="no-underline" aria-label="pedrorolando on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pedrorolando&size=40, /api/user-image/?user=pedrorolando&size=80 2x" src="/api/user-image/?user=pedrorolando" alt="GitHub profile image of pedrorolando" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/radibit" class="no-underline" aria-label="radibit on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=radibit&size=40, /api/user-image/?user=radibit&size=80 2x" src="/api/user-image/?user=radibit" alt="GitHub profile image of radibit" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/ramiy" class="no-underline" aria-label="ramiy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ramiy&size=40, /api/user-image/?user=ramiy&size=80 2x" src="/api/user-image/?user=ramiy" alt="GitHub profile image of ramiy" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/r-i-c-h" class="no-underline" aria-label="r-i-c-h on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=r-i-c-h&size=40, /api/user-image/?user=r-i-c-h&size=80 2x" src="/api/user-image/?user=r-i-c-h" alt="GitHub profile image of r-i-c-h" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/sillygwailo" class="no-underline" aria-label="sillygwailo on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=sillygwailo&size=40, /api/user-image/?user=sillygwailo&size=80 2x" src="/api/user-image/?user=sillygwailo" alt="GitHub profile image of sillygwailo" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/rishimohan" class="no-underline" aria-label="rishimohan on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=rishimohan&size=40, /api/user-image/?user=rishimohan&size=80 2x" src="/api/user-image/?user=rishimohan" alt="GitHub profile image of rishimohan" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/riyadhalnur" class="no-underline" aria-label="riyadhalnur on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=riyadhalnur&size=40, /api/user-image/?user=riyadhalnur&size=80 2x" src="/api/user-image/?user=riyadhalnur" alt="GitHub profile image of riyadhalnur" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/RoneoOrg" class="no-underline" aria-label="RoneoOrg on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=RoneoOrg&size=40, /api/user-image/?user=RoneoOrg&size=80 2x" src="/api/user-image/?user=RoneoOrg" alt="GitHub profile image of RoneoOrg" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/pd4d10" class="no-underline" aria-label="pd4d10 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pd4d10&size=40, /api/user-image/?user=pd4d10&size=80 2x" src="/api/user-image/?user=pd4d10" alt="GitHub profile image of pd4d10" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/donroyco" class="no-underline" aria-label="donroyco on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=donroyco&size=40, /api/user-image/?user=donroyco&size=80 2x" src="/api/user-image/?user=donroyco" alt="GitHub profile image of donroyco" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/leighghunt" class="no-underline" aria-label="leighghunt on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=leighghunt&size=40, /api/user-image/?user=leighghunt&size=80 2x" src="/api/user-image/?user=leighghunt" alt="GitHub profile image of leighghunt" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/leroy" class="no-underline" aria-label="leroy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=leroy&size=40, /api/user-image/?user=leroy&size=80 2x" src="/api/user-image/?user=leroy" alt="GitHub profile image of leroy" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Stahlwalker" class="no-underline" aria-label="Stahlwalker on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Stahlwalker&size=40, /api/user-image/?user=Stahlwalker&size=80 2x" src="/api/user-image/?user=Stahlwalker" alt="GitHub profile image of Stahlwalker" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/CodeFoodPixels" class="no-underline" aria-label="CodeFoodPixels on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=CodeFoodPixels&size=40, /api/user-image/?user=CodeFoodPixels&size=80 2x" src="/api/user-image/?user=CodeFoodPixels" alt="GitHub profile image of CodeFoodPixels" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/manutastic" class="no-underline" aria-label="manutastic on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=manutastic&size=40, /api/user-image/?user=manutastic&size=80 2x" src="/api/user-image/?user=manutastic" alt="GitHub profile image of manutastic" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/marto55555" class="no-underline" aria-label="marto55555 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=marto55555&size=40, /api/user-image/?user=marto55555&size=80 2x" src="/api/user-image/?user=marto55555" alt="GitHub profile image of marto55555" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/mattahlgren" class="no-underline" aria-label="mattahlgren on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mattahlgren&size=40, /api/user-image/?user=mattahlgren&size=80 2x" src="/api/user-image/?user=mattahlgren" alt="GitHub profile image of mattahlgren" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/mattzeunert" class="no-underline" aria-label="mattzeunert on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mattzeunert&size=40, /api/user-image/?user=mattzeunert&size=80 2x" src="/api/user-image/?user=mattzeunert" alt="GitHub profile image of mattzeunert" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/maximilianschmitt" class="no-underline" aria-label="maximilianschmitt on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=maximilianschmitt&size=40, /api/user-image/?user=maximilianschmitt&size=80 2x" src="/api/user-image/?user=maximilianschmitt" alt="GitHub profile image of maximilianschmitt" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/umedard" class="no-underline" aria-label="umedard on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=umedard&size=40, /api/user-image/?user=umedard&size=80 2x" src="/api/user-image/?user=umedard" alt="GitHub profile image of umedard" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/minaalfy" class="no-underline" aria-label="minaalfy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=minaalfy&size=40, /api/user-image/?user=minaalfy&size=80 2x" src="/api/user-image/?user=minaalfy" alt="GitHub profile image of minaalfy" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/metamoni" class="no-underline" aria-label="metamoni on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=metamoni&size=40, /api/user-image/?user=metamoni&size=80 2x" src="/api/user-image/?user=metamoni" alt="GitHub profile image of metamoni" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/aamirmursleen" class="no-underline" aria-label="aamirmursleen on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=aamirmursleen&size=40, /api/user-image/?user=aamirmursleen&size=80 2x" src="/api/user-image/?user=aamirmursleen" alt="GitHub profile image of aamirmursleen" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/nd55" class="no-underline" aria-label="nd55 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=nd55&size=40, /api/user-image/?user=nd55&size=80 2x" src="/api/user-image/?user=nd55" alt="GitHub profile image of nd55" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/telagraphic" class="no-underline" aria-label="telagraphic on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=telagraphic&size=40, /api/user-image/?user=telagraphic&size=80 2x" src="/api/user-image/?user=telagraphic" alt="GitHub profile image of telagraphic" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/ondrakoupil" class="no-underline" aria-label="ondrakoupil on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ondrakoupil&size=40, /api/user-image/?user=ondrakoupil&size=80 2x" src="/api/user-image/?user=ondrakoupil" alt="GitHub profile image of ondrakoupil" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/OnurGvnc" class="no-underline" aria-label="OnurGvnc on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=OnurGvnc&size=40, /api/user-image/?user=OnurGvnc&size=80 2x" src="/api/user-image/?user=OnurGvnc" alt="GitHub profile image of OnurGvnc" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/ryanleong" class="no-underline" aria-label="ryanleong on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ryanleong&size=40, /api/user-image/?user=ryanleong&size=80 2x" src="/api/user-image/?user=ryanleong" alt="GitHub profile image of ryanleong" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/lotas" class="no-underline" aria-label="lotas on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=lotas&size=40, /api/user-image/?user=lotas&size=80 2x" src="/api/user-image/?user=lotas" alt="GitHub profile image of lotas" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/yashatgit" class="no-underline" aria-label="yashatgit on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=yashatgit&size=40, /api/user-image/?user=yashatgit&size=80 2x" src="/api/user-image/?user=yashatgit" alt="GitHub profile image of yashatgit" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/uetchy" class="no-underline" aria-label="uetchy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=uetchy&size=40, /api/user-image/?user=uetchy&size=80 2x" src="/api/user-image/?user=uetchy" alt="GitHub profile image of uetchy" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/yoannfleurydev" class="no-underline" aria-label="yoannfleurydev on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=yoannfleurydev&size=40, /api/user-image/?user=yoannfleurydev&size=80 2x" src="/api/user-image/?user=yoannfleurydev" alt="GitHub profile image of yoannfleurydev" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/swsalim" class="no-underline" aria-label="swsalim on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=swsalim&size=40, /api/user-image/?user=swsalim&size=80 2x" src="/api/user-image/?user=swsalim" alt="GitHub profile image of swsalim" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/arcasraak" class="no-underline" aria-label="arcasraak on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=arcasraak&size=40, /api/user-image/?user=arcasraak&size=80 2x" src="/api/user-image/?user=arcasraak" alt="GitHub profile image of arcasraak" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/brakon" class="no-underline" aria-label="brakon on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=brakon&size=40, /api/user-image/?user=brakon&size=80 2x" src="/api/user-image/?user=brakon" alt="GitHub profile image of brakon" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/bsadhwani" class="no-underline" aria-label="bsadhwani on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bsadhwani&size=40, /api/user-image/?user=bsadhwani&size=80 2x" src="/api/user-image/?user=bsadhwani" alt="GitHub profile image of bsadhwani" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/cyr1l0u" class="no-underline" aria-label="cyr1l0u on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=cyr1l0u&size=40, /api/user-image/?user=cyr1l0u&size=80 2x" src="/api/user-image/?user=cyr1l0u" alt="GitHub profile image of cyr1l0u" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/EstebanDalelR" class="no-underline" aria-label="EstebanDalelR on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=EstebanDalelR&size=40, /api/user-image/?user=EstebanDalelR&size=80 2x" src="/api/user-image/?user=EstebanDalelR" alt="GitHub profile image of EstebanDalelR" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/eystein" class="no-underline" aria-label="eystein on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=eystein&size=40, /api/user-image/?user=eystein&size=80 2x" src="/api/user-image/?user=eystein" alt="GitHub profile image of eystein" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/gettempemaildev" class="no-underline" aria-label="gettempemaildev on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=gettempemaildev&size=40, /api/user-image/?user=gettempemaildev&size=80 2x" src="/api/user-image/?user=gettempemaildev" alt="GitHub profile image of gettempemaildev" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/kloo012" class="no-underline" aria-label="kloo012 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=kloo012&size=40, /api/user-image/?user=kloo012&size=80 2x" src="/api/user-image/?user=kloo012" alt="GitHub profile image of kloo012" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/peterpeterparker" class="no-underline" aria-label="peterpeterparker on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=peterpeterparker&size=40, /api/user-image/?user=peterpeterparker&size=80 2x" src="/api/user-image/?user=peterpeterparker" alt="GitHub profile image of peterpeterparker" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/marayana" class="no-underline" aria-label="marayana on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=marayana&size=40, /api/user-image/?user=marayana&size=80 2x" src="/api/user-image/?user=marayana" alt="GitHub profile image of marayana" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/simevidas" class="no-underline" aria-label="simevidas on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=simevidas&size=40, /api/user-image/?user=simevidas&size=80 2x" src="/api/user-image/?user=simevidas" alt="GitHub profile image of simevidas" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/ccbikai" class="no-underline" aria-label="ccbikai on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ccbikai&size=40, /api/user-image/?user=ccbikai&size=80 2x" src="/api/user-image/?user=ccbikai" alt="GitHub profile image of ccbikai" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/rhino88" class="no-underline" aria-label="rhino88 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=rhino88&size=40, /api/user-image/?user=rhino88&size=80 2x" src="/api/user-image/?user=rhino88" alt="GitHub profile image of rhino88" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/smrlo" class="no-underline" aria-label="smrlo on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=smrlo&size=40, /api/user-image/?user=smrlo&size=80 2x" src="/api/user-image/?user=smrlo" alt="GitHub profile image of smrlo" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/srmeyers" class="no-underline" aria-label="srmeyers on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=srmeyers&size=40, /api/user-image/?user=srmeyers&size=80 2x" src="/api/user-image/?user=srmeyers" alt="GitHub profile image of srmeyers" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/sandrina-p" class="no-underline" aria-label="sandrina-p on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=sandrina-p&size=40, /api/user-image/?user=sandrina-p&size=80 2x" src="/api/user-image/?user=sandrina-p" alt="GitHub profile image of sandrina-p" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/shash7" class="no-underline" aria-label="shash7 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=shash7&size=40, /api/user-image/?user=shash7&size=80 2x" src="/api/user-image/?user=shash7" alt="GitHub profile image of shash7" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/SirwanAfifi" class="no-underline" aria-label="SirwanAfifi on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=SirwanAfifi&size=40, /api/user-image/?user=SirwanAfifi&size=80 2x" src="/api/user-image/?user=SirwanAfifi" alt="GitHub profile image of SirwanAfifi" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/captain-woof" class="no-underline" aria-label="captain-woof on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=captain-woof&size=40, /api/user-image/?user=captain-woof&size=80 2x" src="/api/user-image/?user=captain-woof" alt="GitHub profile image of captain-woof" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/schrepfler" class="no-underline" aria-label="schrepfler on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=schrepfler&size=40, /api/user-image/?user=schrepfler&size=80 2x" src="/api/user-image/?user=schrepfler" alt="GitHub profile image of schrepfler" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/stefanbohacek" class="no-underline" aria-label="stefanbohacek on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=stefanbohacek&size=40, /api/user-image/?user=stefanbohacek&size=80 2x" src="/api/user-image/?user=stefanbohacek" alt="GitHub profile image of stefanbohacek" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/5t3ph" class="no-underline" aria-label="5t3ph on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=5t3ph&size=40, /api/user-image/?user=5t3ph&size=80 2x" src="/api/user-image/?user=5t3ph" alt="GitHub profile image of 5t3ph" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/onopko" class="no-underline" aria-label="onopko on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=onopko&size=40, /api/user-image/?user=onopko&size=80 2x" src="/api/user-image/?user=onopko" alt="GitHub profile image of onopko" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/tomayac" class="no-underline" aria-label="tomayac on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=tomayac&size=40, /api/user-image/?user=tomayac&size=80 2x" src="/api/user-image/?user=tomayac" alt="GitHub profile image of tomayac" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/TimChandra" class="no-underline" aria-label="TimChandra on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=TimChandra&size=40, /api/user-image/?user=TimChandra&size=80 2x" src="/api/user-image/?user=TimChandra" alt="GitHub profile image of TimChandra" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/WebInspectInc" class="no-underline" aria-label="WebInspectInc on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=WebInspectInc&size=40, /api/user-image/?user=WebInspectInc&size=80 2x" src="/api/user-image/?user=WebInspectInc" alt="GitHub profile image of WebInspectInc" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/tommyschaefer" class="no-underline" aria-label="tommyschaefer on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=tommyschaefer&size=40, /api/user-image/?user=tommyschaefer&size=80 2x" src="/api/user-image/?user=tommyschaefer" alt="GitHub profile image of tommyschaefer" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/koresar" class="no-underline" aria-label="koresar on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=koresar&size=40, /api/user-image/?user=koresar&size=80 2x" src="/api/user-image/?user=koresar" alt="GitHub profile image of koresar" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/vijeysrc" class="no-underline" aria-label="vijeysrc on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=vijeysrc&size=40, /api/user-image/?user=vijeysrc&size=80 2x" src="/api/user-image/?user=vijeysrc" alt="GitHub profile image of vijeysrc" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/elharony" class="no-underline" aria-label="elharony on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=elharony&size=40, /api/user-image/?user=elharony&size=80 2x" src="/api/user-image/?user=elharony" alt="GitHub profile image of elharony" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/7Ds7" class="no-underline" aria-label="7Ds7 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=7Ds7&size=40, /api/user-image/?user=7Ds7&size=80 2x" src="/api/user-image/?user=7Ds7" alt="GitHub profile image of 7Ds7" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Aymkdn" class="no-underline" aria-label="Aymkdn on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Aymkdn&size=40, /api/user-image/?user=Aymkdn&size=80 2x" src="/api/user-image/?user=Aymkdn" alt="GitHub profile image of Aymkdn" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/bennettfeely" class="no-underline" aria-label="bennettfeely on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bennettfeely&size=40, /api/user-image/?user=bennettfeely&size=80 2x" src="/api/user-image/?user=bennettfeely" alt="GitHub profile image of bennettfeely" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/bradleyjkemp" class="no-underline" aria-label="bradleyjkemp on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bradleyjkemp&size=40, /api/user-image/?user=bradleyjkemp&size=80 2x" src="/api/user-image/?user=bradleyjkemp" alt="GitHub profile image of bradleyjkemp" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/bramus" class="no-underline" aria-label="bramus on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bramus&size=40, /api/user-image/?user=bramus&size=80 2x" src="/api/user-image/?user=bramus" alt="GitHub profile image of bramus" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/surfinzap" class="no-underline" aria-label="surfinzap on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=surfinzap&size=40, /api/user-image/?user=surfinzap&size=80 2x" src="/api/user-image/?user=surfinzap" alt="GitHub profile image of surfinzap" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/b-d-m-p" class="no-underline" aria-label="b-d-m-p on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=b-d-m-p&size=40, /api/user-image/?user=b-d-m-p&size=80 2x" src="/api/user-image/?user=b-d-m-p" alt="GitHub profile image of b-d-m-p" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/chriswdmr" class="no-underline" aria-label="chriswdmr on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=chriswdmr&size=40, /api/user-image/?user=chriswdmr&size=80 2x" src="/api/user-image/?user=chriswdmr" alt="GitHub profile image of chriswdmr" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/codepo8" class="no-underline" aria-label="codepo8 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=codepo8&size=40, /api/user-image/?user=codepo8&size=80 2x" src="/api/user-image/?user=codepo8" alt="GitHub profile image of codepo8" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/colinswinney" class="no-underline" aria-label="colinswinney on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=colinswinney&size=40, /api/user-image/?user=colinswinney&size=80 2x" src="/api/user-image/?user=colinswinney" alt="GitHub profile image of colinswinney" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/costinEEST" class="no-underline" aria-label="costinEEST on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=costinEEST&size=40, /api/user-image/?user=costinEEST&size=80 2x" src="/api/user-image/?user=costinEEST" alt="GitHub profile image of costinEEST" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/danspratling" class="no-underline" aria-label="danspratling on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=danspratling&size=40, /api/user-image/?user=danspratling&size=80 2x" src="/api/user-image/?user=danspratling" alt="GitHub profile image of danspratling" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/D10221" class="no-underline" aria-label="D10221 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=D10221&size=40, /api/user-image/?user=D10221&size=80 2x" src="/api/user-image/?user=D10221" alt="GitHub profile image of D10221" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Sixl-Daniel" class="no-underline" aria-label="Sixl-Daniel on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Sixl-Daniel&size=40, /api/user-image/?user=Sixl-Daniel&size=80 2x" src="/api/user-image/?user=Sixl-Daniel" alt="GitHub profile image of Sixl-Daniel" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/dletorey" class="no-underline" aria-label="dletorey on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dletorey&size=40, /api/user-image/?user=dletorey&size=80 2x" src="/api/user-image/?user=dletorey" alt="GitHub profile image of dletorey" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/meodai" class="no-underline" aria-label="meodai on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=meodai&size=40, /api/user-image/?user=meodai&size=80 2x" src="/api/user-image/?user=meodai" alt="GitHub profile image of meodai" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/dzschille" class="no-underline" aria-label="dzschille on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dzschille&size=40, /api/user-image/?user=dzschille&size=80 2x" src="/api/user-image/?user=dzschille" alt="GitHub profile image of dzschille" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/dilpreetsio" class="no-underline" aria-label="dilpreetsio on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dilpreetsio&size=40, /api/user-image/?user=dilpreetsio&size=80 2x" src="/api/user-image/?user=dilpreetsio" alt="GitHub profile image of dilpreetsio" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/diogenesofweb" class="no-underline" aria-label="diogenesofweb on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=diogenesofweb&size=40, /api/user-image/?user=diogenesofweb&size=80 2x" src="/api/user-image/?user=diogenesofweb" alt="GitHub profile image of diogenesofweb" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/whitep4nth3r" class="no-underline" aria-label="whitep4nth3r on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=whitep4nth3r&size=40, /api/user-image/?user=whitep4nth3r&size=80 2x" src="/api/user-image/?user=whitep4nth3r" alt="GitHub profile image of whitep4nth3r" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/aladage" class="no-underline" aria-label="aladage on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=aladage&size=40, /api/user-image/?user=aladage&size=80 2x" src="/api/user-image/?user=aladage" alt="GitHub profile image of aladage" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/aaronpeters" class="no-underline" aria-label="aaronpeters on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=aaronpeters&size=40, /api/user-image/?user=aaronpeters&size=80 2x" src="/api/user-image/?user=aaronpeters" alt="GitHub profile image of aaronpeters" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/bendera" class="no-underline" aria-label="bendera on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bendera&size=40, /api/user-image/?user=bendera&size=80 2x" src="/api/user-image/?user=bendera" alt="GitHub profile image of bendera" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/codeAdrian" class="no-underline" aria-label="codeAdrian on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=codeAdrian&size=40, /api/user-image/?user=codeAdrian&size=80 2x" src="/api/user-image/?user=codeAdrian" alt="GitHub profile image of codeAdrian" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/deviousdodo" class="no-underline" aria-label="deviousdodo on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=deviousdodo&size=40, /api/user-image/?user=deviousdodo&size=80 2x" src="/api/user-image/?user=deviousdodo" alt="GitHub profile image of deviousdodo" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/alexcason" class="no-underline" aria-label="alexcason on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=alexcason&size=40, /api/user-image/?user=alexcason&size=80 2x" src="/api/user-image/?user=alexcason" alt="GitHub profile image of alexcason" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/alexharris" class="no-underline" aria-label="alexharris on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=alexharris&size=40, /api/user-image/?user=alexharris&size=80 2x" src="/api/user-image/?user=alexharris" alt="GitHub profile image of alexharris" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/derhofbauer" class="no-underline" aria-label="derhofbauer on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=derhofbauer&size=40, /api/user-image/?user=derhofbauer&size=80 2x" src="/api/user-image/?user=derhofbauer" alt="GitHub profile image of derhofbauer" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Cool-Runningz" class="no-underline" aria-label="Cool-Runningz on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Cool-Runningz&size=40, /api/user-image/?user=Cool-Runningz&size=80 2x" src="/api/user-image/?user=Cool-Runningz" alt="GitHub profile image of Cool-Runningz" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Ameliawb" class="no-underline" aria-label="Ameliawb on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Ameliawb&size=40, /api/user-image/?user=Ameliawb&size=80 2x" src="/api/user-image/?user=Ameliawb" alt="GitHub profile image of Ameliawb" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/iamandrewluca" class="no-underline" aria-label="iamandrewluca on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=iamandrewluca&size=40, /api/user-image/?user=iamandrewluca&size=80 2x" src="/api/user-image/?user=iamandrewluca" alt="GitHub profile image of iamandrewluca" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/tarazingo" class="no-underline" aria-label="tarazingo on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=tarazingo&size=40, /api/user-image/?user=tarazingo&size=80 2x" src="/api/user-image/?user=tarazingo" alt="GitHub profile image of tarazingo" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Ryuno-Ki" class="no-underline" aria-label="Ryuno-Ki on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Ryuno-Ki&size=40, /api/user-image/?user=Ryuno-Ki&size=80 2x" src="/api/user-image/?user=Ryuno-Ki" alt="GitHub profile image of Ryuno-Ki" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/anthowen" class="no-underline" aria-label="anthowen on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=anthowen&size=40, /api/user-image/?user=anthowen&size=80 2x" src="/api/user-image/?user=anthowen" alt="GitHub profile image of anthowen" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/kernel-picnic" class="no-underline" aria-label="kernel-picnic on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=kernel-picnic&size=40, /api/user-image/?user=kernel-picnic&size=80 2x" src="/api/user-image/?user=kernel-picnic" alt="GitHub profile image of kernel-picnic" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/anup-a" class="no-underline" aria-label="anup-a on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=anup-a&size=40, /api/user-image/?user=anup-a&size=80 2x" src="/api/user-image/?user=anup-a" alt="GitHub profile image of anup-a" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/arbaouimehdi" class="no-underline" aria-label="arbaouimehdi on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=arbaouimehdi&size=40, /api/user-image/?user=arbaouimehdi&size=80 2x" src="/api/user-image/?user=arbaouimehdi" alt="GitHub profile image of arbaouimehdi" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/jmstfv" class="no-underline" aria-label="jmstfv on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jmstfv&size=40, /api/user-image/?user=jmstfv&size=80 2x" src="/api/user-image/?user=jmstfv" alt="GitHub profile image of jmstfv" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/jsnmrs" class="no-underline" aria-label="jsnmrs on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jsnmrs&size=40, /api/user-image/?user=jsnmrs&size=80 2x" src="/api/user-image/?user=jsnmrs" alt="GitHub profile image of jsnmrs" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/JayOram" class="no-underline" aria-label="JayOram on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=JayOram&size=40, /api/user-image/?user=JayOram&size=80 2x" src="/api/user-image/?user=JayOram" alt="GitHub profile image of JayOram" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/halans" class="no-underline" aria-label="halans on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=halans&size=40, /api/user-image/?user=halans&size=80 2x" src="/api/user-image/?user=halans" alt="GitHub profile image of halans" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/jimniels" class="no-underline" aria-label="jimniels on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jimniels&size=40, /api/user-image/?user=jimniels&size=80 2x" src="/api/user-image/?user=jimniels" alt="GitHub profile image of jimniels" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/dimitrisraptis96" class="no-underline" aria-label="dimitrisraptis96 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dimitrisraptis96&size=40, /api/user-image/?user=dimitrisraptis96&size=80 2x" src="/api/user-image/?user=dimitrisraptis96" alt="GitHub profile image of dimitrisraptis96" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/murbar" class="no-underline" aria-label="murbar on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=murbar&size=40, /api/user-image/?user=murbar&size=80 2x" src="/api/user-image/?user=murbar" alt="GitHub profile image of murbar" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/johnfraney" class="no-underline" aria-label="johnfraney on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=johnfraney&size=40, /api/user-image/?user=johnfraney&size=80 2x" src="/api/user-image/?user=johnfraney" alt="GitHub profile image of johnfraney" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/jmegs" class="no-underline" aria-label="jmegs on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jmegs&size=40, /api/user-image/?user=jmegs&size=80 2x" src="/api/user-image/?user=jmegs" alt="GitHub profile image of jmegs" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/JonUK" class="no-underline" aria-label="JonUK on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=JonUK&size=40, /api/user-image/?user=JonUK&size=80 2x" src="/api/user-image/?user=JonUK" alt="GitHub profile image of JonUK" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/JoostKiens" class="no-underline" aria-label="JoostKiens on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=JoostKiens&size=40, /api/user-image/?user=JoostKiens&size=80 2x" src="/api/user-image/?user=JoostKiens" alt="GitHub profile image of JoostKiens" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/derweili" class="no-underline" aria-label="derweili on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=derweili&size=40, /api/user-image/?user=derweili&size=80 2x" src="/api/user-image/?user=derweili" alt="GitHub profile image of derweili" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/kashishkumawat" class="no-underline" aria-label="kashishkumawat on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=kashishkumawat&size=40, /api/user-image/?user=kashishkumawat&size=80 2x" src="/api/user-image/?user=kashishkumawat" alt="GitHub profile image of kashishkumawat" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Khaledgarbaya" class="no-underline" aria-label="Khaledgarbaya on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Khaledgarbaya&size=40, /api/user-image/?user=Khaledgarbaya&size=80 2x" src="/api/user-image/?user=Khaledgarbaya" alt="GitHub profile image of Khaledgarbaya" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/imkieransmith" class="no-underline" aria-label="imkieransmith on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=imkieransmith&size=40, /api/user-image/?user=imkieransmith&size=80 2x" src="/api/user-image/?user=imkieransmith" alt="GitHub profile image of imkieransmith" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/maltsev" class="no-underline" aria-label="maltsev on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=maltsev&size=40, /api/user-image/?user=maltsev&size=80 2x" src="/api/user-image/?user=maltsev" alt="GitHub profile image of maltsev" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/kmelve" class="no-underline" aria-label="kmelve on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=kmelve&size=40, /api/user-image/?user=kmelve&size=80 2x" src="/api/user-image/?user=kmelve" alt="GitHub profile image of kmelve" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/spalt08" class="no-underline" aria-label="spalt08 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=spalt08&size=40, /api/user-image/?user=spalt08&size=80 2x" src="/api/user-image/?user=spalt08" alt="GitHub profile image of spalt08" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/WitchDevelops" class="no-underline" aria-label="WitchDevelops on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=WitchDevelops&size=40, /api/user-image/?user=WitchDevelops&size=80 2x" src="/api/user-image/?user=WitchDevelops" alt="GitHub profile image of WitchDevelops" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/drewminns" class="no-underline" aria-label="drewminns on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=drewminns&size=40, /api/user-image/?user=drewminns&size=80 2x" src="/api/user-image/?user=drewminns" alt="GitHub profile image of drewminns" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Eleksar387" class="no-underline" aria-label="Eleksar387 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Eleksar387&size=40, /api/user-image/?user=Eleksar387&size=80 2x" src="/api/user-image/?user=Eleksar387" alt="GitHub profile image of Eleksar387" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/herschel666" class="no-underline" aria-label="herschel666 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=herschel666&size=40, /api/user-image/?user=herschel666&size=80 2x" src="/api/user-image/?user=herschel666" alt="GitHub profile image of herschel666" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/Dahfab" class="no-underline" aria-label="Dahfab on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Dahfab&size=40, /api/user-image/?user=Dahfab&size=80 2x" src="/api/user-image/?user=Dahfab" alt="GitHub profile image of Dahfab" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/mtfarkas" class="no-underline" aria-label="mtfarkas on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mtfarkas&size=40, /api/user-image/?user=mtfarkas&size=80 2x" src="/api/user-image/?user=mtfarkas" alt="GitHub profile image of mtfarkas" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/fatihtelis" class="no-underline" aria-label="fatihtelis on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fatihtelis&size=40, /api/user-image/?user=fatihtelis&size=80 2x" src="/api/user-image/?user=fatihtelis" alt="GitHub profile image of fatihtelis" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/rodenacker" class="no-underline" aria-label="rodenacker on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=rodenacker&size=40, /api/user-image/?user=rodenacker&size=80 2x" src="/api/user-image/?user=rodenacker" alt="GitHub profile image of rodenacker" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/fralps" class="no-underline" aria-label="fralps on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fralps&size=40, /api/user-image/?user=fralps&size=80 2x" src="/api/user-image/?user=fralps" alt="GitHub profile image of fralps" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/ffraenz" class="no-underline" aria-label="ffraenz on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ffraenz&size=40, /api/user-image/?user=ffraenz&size=80 2x" src="/api/user-image/?user=ffraenz" alt="GitHub profile image of ffraenz" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/felixgirault" class="no-underline" aria-label="felixgirault on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=felixgirault&size=40, /api/user-image/?user=felixgirault&size=80 2x" src="/api/user-image/?user=felixgirault" alt="GitHub profile image of felixgirault" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/gabrielperales" class="no-underline" aria-label="gabrielperales on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=gabrielperales&size=40, /api/user-image/?user=gabrielperales&size=80 2x" src="/api/user-image/?user=gabrielperales" alt="GitHub profile image of gabrielperales" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/gabtoschi" class="no-underline" aria-label="gabtoschi on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=gabtoschi&size=40, /api/user-image/?user=gabtoschi&size=80 2x" src="/api/user-image/?user=gabtoschi" alt="GitHub profile image of gabtoschi" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/geongeorge" class="no-underline" aria-label="geongeorge on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=geongeorge&size=40, /api/user-image/?user=geongeorge&size=80 2x" src="/api/user-image/?user=geongeorge" alt="GitHub profile image of geongeorge" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/hvidal" class="no-underline" aria-label="hvidal on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=hvidal&size=40, /api/user-image/?user=hvidal&size=80 2x" src="/api/user-image/?user=hvidal" alt="GitHub profile image of hvidal" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/videoinu" class="no-underline" aria-label="videoinu on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=videoinu&size=40, /api/user-image/?user=videoinu&size=80 2x" src="/api/user-image/?user=videoinu" alt="GitHub profile image of videoinu" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/jhogue" class="no-underline" aria-label="jhogue on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jhogue&size=40, /api/user-image/?user=jhogue&size=80 2x" src="/api/user-image/?user=jhogue" alt="GitHub profile image of jhogue" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-right-s"><a href="https://github.com/jairampatel" class="no-underline" aria-label="jairampatel on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jairampatel&size=40, /api/user-image/?user=jairampatel&size=80 2x" src="/api/user-image/?user=jairampatel" alt="GitHub profile image of jairampatel" loading="lazy" width="40" height="40"></a></li></ul></div></div><main id="main-content"><div class="padding-sidebar"><div class="flex-x-sb margin-top-m margin-bottom-l"><h1 class="fsi-1-5">All tools</h1><div class="btnGroup"><a class="btnGroup--btn isActive" href="/">Sort by name</a> <a class="btnGroup--btn" href="/latest/">Sort by date</a></div></div><ol class="main-grid"><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcss.land%2Flch%2F/medium/16:9/" alt="Screenshot of LCH Colour Picker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">LCH Colour Picker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Convert colors from lch to rgb.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/LeaVerou" class="no-underline" aria-label="LeaVerou on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=LeaVerou&size=40, /api/user-image/?user=LeaVerou&size=80 2x" src="/api/user-image/?user=LeaVerou" alt="GitHub profile image of LeaVerou" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://css.land/lch/?ref=tiny-helpers">Go to LCH Colour Picker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhexwords.netlify.app%2F/medium/16:9/" alt="Screenshot of #HEXWORDS" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">#HEXWORDS</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Find hex color words.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/paoloricciuti" class="no-underline" aria-label="paoloricciuti on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=paoloricciuti&size=40, /api/user-image/?user=paoloricciuti&size=80 2x" src="/api/user-image/?user=paoloricciuti" alt="GitHub profile image of paoloricciuti" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://hexwords.netlify.app/?ref=tiny-helpers">Go to #HEXWORDS</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.0to255.com%2F/medium/16:9/" alt="Screenshot of 0to255" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">0to255</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Lighten and darken colors easily</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.0to255.com/?ref=tiny-helpers">Go to 0to255</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2F1loc.dev%2F/medium/16:9/" alt="Screenshot of 1-loc.dev" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">1-loc.dev</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Find single-line of code JavaScript Utilities</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><a class="btn--full card-link margin-top-auto" href="https://1loc.dev/?ref=tiny-helpers">Go to 1-loc.dev</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2F10015.io/medium/16:9/" alt="Screenshot of 10015 Tools" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">10015 Tools</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/tool-collections/" class="btn--bubble">Tool Collections</a></li></ul><p class="margin-top-s margin-bottom-m">10015 Tools is an all-in-one toolbox offering web tools from different categories including text, image, CSS, code, color, social media tools and so on.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/fatihtelis" class="no-underline" aria-label="fatihtelis on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fatihtelis&size=40, /api/user-image/?user=fatihtelis&size=80 2x" src="/api/user-image/?user=fatihtelis" alt="GitHub profile image of fatihtelis" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://10015.io?ref=tiny-helpers">Go to 10015 Tools</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2F2qr.info%2F/medium/16:9/" alt="Screenshot of 2QR" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">2QR</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create QR codes with one click, using the URL, a bookmarklet or direct input</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/MoritzGiessmann" class="no-underline" aria-label="MoritzGiessmann on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=MoritzGiessmann&size=40, /api/user-image/?user=MoritzGiessmann&size=80 2x" src="/api/user-image/?user=MoritzGiessmann" alt="GitHub profile image of MoritzGiessmann" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://2qr.info/?ref=tiny-helpers">Go to 2QR</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2F3d-book-css.netlify.app%2F/medium/16:9/" alt="Screenshot of 3D Book Image CSS Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">3D Book Image CSS Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Generate a book look for an image</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/scastiel" class="no-underline" aria-label="scastiel on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=scastiel&size=40, /api/user-image/?user=scastiel&size=80 2x" src="/api/user-image/?user=scastiel" alt="GitHub profile image of scastiel" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://3d-book-css.netlify.app/?ref=tiny-helpers">Go to 3D Book Image CSS Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmoritzgiessmann.de%2Faccessibility-cheatsheet%2F/medium/16:9/" alt="Screenshot of Accessibility Cheatsheet" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Accessibility Cheatsheet</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li></ul><p class="margin-top-s margin-bottom-m">Practical approaches to Universal Design for making your website/webapp accessible to everyone</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/MoritzGiessmann" class="no-underline" aria-label="MoritzGiessmann on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=MoritzGiessmann&size=40, /api/user-image/?user=MoritzGiessmann&size=80 2x" src="/api/user-image/?user=MoritzGiessmann" alt="GitHub profile image of MoritzGiessmann" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://moritzgiessmann.de/accessibility-cheatsheet/?ref=tiny-helpers">Go to Accessibility Cheatsheet</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fabc.useallfive.com%2F/medium/16:9/" alt="Screenshot of Accessible Brand Colors" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Accessible Brand Colors</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Evaluate the ADA compliance of your brand's color palette.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/scottqmn" class="no-underline" aria-label="scottqmn on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=scottqmn&size=40, /api/user-image/?user=scottqmn&size=80 2x" src="/api/user-image/?user=scottqmn" alt="GitHub profile image of scottqmn" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/huckpilot" class="no-underline" aria-label="huckpilot on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=huckpilot&size=40, /api/user-image/?user=huckpilot&size=80 2x" src="/api/user-image/?user=huckpilot" alt="GitHub profile image of huckpilot" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/jasonfarrell" class="no-underline" aria-label="jasonfarrell on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jasonfarrell&size=40, /api/user-image/?user=jasonfarrell&size=80 2x" src="/api/user-image/?user=jasonfarrell" alt="GitHub profile image of jasonfarrell" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/suhmantha1" class="no-underline" aria-label="suhmantha1 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=suhmantha1&size=40, /api/user-image/?user=suhmantha1&size=80 2x" src="/api/user-image/?user=suhmantha1" alt="GitHub profile image of suhmantha1" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://abc.useallfive.com/?ref=tiny-helpers">Go to Accessible Brand Colors</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftoolness.github.io%2Faccessible-color-matrix%2F/medium/16:9/" alt="Screenshot of Accessible color palette builder" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Accessible color palette builder</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Create color palettes with combinations that conform with accessibility standards.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/toolness" class="no-underline" aria-label="toolness on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=toolness&size=40, /api/user-image/?user=toolness&size=80 2x" src="/api/user-image/?user=toolness" alt="GitHub profile image of toolness" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://toolness.github.io/accessible-color-matrix/?ref=tiny-helpers">Go to Accessible color palette builder</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Faccessible-colors.com%2F/medium/16:9/" alt="Screenshot of Accessible colors" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Accessible colors</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Automatically find the closest accessible color combination</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/moroshko" class="no-underline" aria-label="moroshko on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=moroshko&size=40, /api/user-image/?user=moroshko&size=80 2x" src="/api/user-image/?user=moroshko" alt="GitHub profile image of moroshko" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://accessible-colors.com/?ref=tiny-helpers">Go to Accessible colors</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Faccessiblepalette.com%2F/medium/16:9/" alt="Screenshot of Accessible Palette" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Accessible Palette</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Create color systems with consistent lightness and contrast.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2021</div><a class="btn--full card-link margin-top-auto" href="https://accessiblepalette.com/?ref=tiny-helpers">Go to Accessible Palette</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.adobe.com%2Facrobat%2Fonline%2Fpdf-to-jpg.html/medium/16:9/" alt="Screenshot of Adobe Convert PDF to JPG" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Adobe Convert PDF to JPG</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/pdf/" class="btn--bubble">PDF</a></li></ul><p class="margin-top-s margin-bottom-m">Drag and drop a PDF, then convert to JPG, PNG or TIFF file formats.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2021</div><a class="btn--full card-link margin-top-auto" href="https://www.adobe.com/acrobat/online/pdf-to-jpg.html?ref=tiny-helpers">Go to Adobe Convert PDF to JPG</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fakaricons.com%2F/medium/16:9/" alt="Screenshot of Akar Icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Akar Icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find rounded icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><a class="btn--full card-link margin-top-auto" href="https://akaricons.com/?ref=tiny-helpers">Go to Akar Icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Falchemizeapp.com%2Fapp%2F/medium/16:9/" alt="Screenshot of Alchemize" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Alchemize</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Minify, pretty print & view code or JSON snippets.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/ashkyd" class="no-underline" aria-label="ashkyd on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ashkyd&size=40, /api/user-image/?user=ashkyd&size=80 2x" src="/api/user-image/?user=ashkyd" alt="GitHub profile image of ashkyd" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://alchemizeapp.com/app/?ref=tiny-helpers">Go to Alchemize</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Faymkdn.github.io%2Fcharacters%2F/medium/16:9/" alt="Screenshot of All Characters" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">All Characters</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/unicode/" class="btn--bubble">Unicode</a></li></ul><p class="margin-top-s margin-bottom-m">Shows all the different characters and their HTML/CSS equivalent</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/aymkdn" class="no-underline" aria-label="aymkdn on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=aymkdn&size=40, /api/user-image/?user=aymkdn&size=80 2x" src="/api/user-image/?user=aymkdn" alt="GitHub profile image of aymkdn" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://aymkdn.github.io/characters/?ref=tiny-helpers">Go to All Characters</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Falphredo.app%2F/medium/16:9/" alt="Screenshot of Alphredo" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Alphredo</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate translucent colors looking the same as their opaque counterparts when placed against the same background.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2022</div><a class="btn--full card-link margin-top-auto" href="https://alphredo.app/?ref=tiny-helpers">Go to Alphredo</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Falter.email%2F/medium/16:9/" alt="Screenshot of alter.email" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">alter.email</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/email/" class="btn--bubble">Email</a></li></ul><p class="margin-top-s margin-bottom-m">Transform your HTML emails</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/cossssmin" class="no-underline" aria-label="cossssmin on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=cossssmin&size=40, /api/user-image/?user=cossssmin&size=80 2x" src="/api/user-image/?user=cossssmin" alt="GitHub profile image of cossssmin" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://alter.email/?ref=tiny-helpers">Go to alter.email</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Falwane.io%2F/medium/16:9/" alt="Screenshot of Alwane.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Alwane.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Extrace CSS color palettes from any website.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><a class="btn--full card-link margin-top-auto" href="https://alwane.io/?ref=tiny-helpers">Go to Alwane.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fromannurik.github.io%2FAndroidAssetStudio%2F/medium/16:9/" alt="Screenshot of AndroidAssetStudio" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">AndroidAssetStudio</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Generate android app assets such as app icons and vector icon animations.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/romannurik" class="no-underline" aria-label="romannurik on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=romannurik&size=40, /api/user-image/?user=romannurik&size=80 2x" src="/api/user-image/?user=romannurik" alt="GitHub profile image of romannurik" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://romannurik.github.io/AndroidAssetStudio/?ref=tiny-helpers">Go to AndroidAssetStudio</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fanimated-gradient-background-generator.netlify.app%2F/medium/16:9/" alt="Screenshot of Animated Gradient Background Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Animated Gradient Background Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create animated CSS backgrounds.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/johnpolacek" class="no-underline" aria-label="johnpolacek on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=johnpolacek&size=40, /api/user-image/?user=johnpolacek&size=80 2x" src="/api/user-image/?user=johnpolacek" alt="GitHub profile image of johnpolacek" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://animated-gradient-background-generator.netlify.app/?ref=tiny-helpers">Go to Animated Gradient Background Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fanimista.net%2Fplay/medium/16:9/" alt="Screenshot of Animista" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Animista</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Browse small CSS animations</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><a class="btn--full card-link margin-top-auto" href="https://animista.net/play?ref=tiny-helpers">Go to Animista</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fanywebp.com%2F/medium/16:9/" alt="Screenshot of AnyWebP" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">AnyWebP</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Convert images from and to webp.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://anywebp.com/?ref=tiny-helpers">Go to AnyWebP</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fapis.guru%2F/medium/16:9/" alt="Screenshot of APIs Guru" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">APIs Guru</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/apis/" class="btn--bubble">APIs</a></li></ul><p class="margin-top-s margin-bottom-m">Find free and commercial APIs.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/RomanHotsiy" class="no-underline" aria-label="RomanHotsiy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=RomanHotsiy&size=40, /api/user-image/?user=RomanHotsiy&size=80 2x" src="/api/user-image/?user=RomanHotsiy" alt="GitHub profile image of RomanHotsiy" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/knidarkness" class="no-underline" aria-label="knidarkness on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=knidarkness&size=40, /api/user-image/?user=knidarkness&size=80 2x" src="/api/user-image/?user=knidarkness" alt="GitHub profile image of knidarkness" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/IvanGoncharov" class="no-underline" aria-label="IvanGoncharov on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=IvanGoncharov&size=40, /api/user-image/?user=IvanGoncharov&size=80 2x" src="/api/user-image/?user=IvanGoncharov" alt="GitHub profile image of IvanGoncharov" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://apis.guru/?ref=tiny-helpers">Go to APIs Guru</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Faremythirdpartiesgreen.com%2F/medium/16:9/" alt="Screenshot of Are my third parties green?" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Are my third parties green?</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/site-analyzers/" class="btn--bubble">Site analyzers</a></li></ul><p class="margin-top-s margin-bottom-m">Check whether the third-party services used by a website are served from green web hosts.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/fershad" class="no-underline" aria-label="fershad on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fershad&size=40, /api/user-image/?user=fershad&size=80 2x" src="/api/user-image/?user=fershad" alt="GitHub profile image of fershad" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://aremythirdpartiesgreen.com/?ref=tiny-helpers">Go to Are my third parties green?</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.arraybuilder.com/medium/16:9/" alt="Screenshot of Array Builder" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Array Builder</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Visualise JS array operations</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/318097" class="no-underline" aria-label="318097 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=318097&size=40, /api/user-image/?user=318097&size=80 2x" src="/api/user-image/?user=318097" alt="GitHub profile image of 318097" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.arraybuilder.com?ref=tiny-helpers">Go to Array Builder</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmeatfighter.com%2Fascii-silhouettify%2Fspa%2Findex.html/medium/16:9/" alt="Screenshot of ASCII Silhouettify" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ASCII Silhouettify</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Convert images into ASCII silhouettes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/meatfighter" class="no-underline" aria-label="meatfighter on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=meatfighter&size=40, /api/user-image/?user=meatfighter&size=80 2x" src="/api/user-image/?user=meatfighter" alt="GitHub profile image of meatfighter" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://meatfighter.com/ascii-silhouettify/spa/index.html?ref=tiny-helpers">Go to ASCII Silhouettify</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftree.nathanfriend.io%2F/medium/16:9/" alt="Screenshot of ASCII tree generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ASCII tree generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Generate nice-looking ASCII folder structure diagrams</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/nfriend" class="no-underline" aria-label="nfriend on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=nfriend&size=40, /api/user-image/?user=nfriend&size=80 2x" src="/api/user-image/?user=nfriend" alt="GitHub profile image of nfriend" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://tree.nathanfriend.io/?ref=tiny-helpers">Go to ASCII tree generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fastexplorer.net%2F/medium/16:9/" alt="Screenshot of AST explorer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">AST explorer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Explore the ASTs generated by various parsers</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/fkling" class="no-underline" aria-label="fkling on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fkling&size=40, /api/user-image/?user=fkling&size=80 2x" src="/api/user-image/?user=fkling" alt="GitHub profile image of fkling" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://astexplorer.net/?ref=tiny-helpers">Go to AST explorer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fatlasicons.vectopus.com%2F/medium/16:9/" alt="Screenshot of Atlas icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Atlas icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find free and consistent icons</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2023</div><a class="btn--full card-link margin-top-auto" href="https://atlasicons.vectopus.com/?ref=tiny-helpers">Go to Atlas icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftryhexadecimal.com%2Favailability-calculator/medium/16:9/" alt="Screenshot of Availability calculator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Availability calculator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/system-administration/" class="btn--bubble">System Administration</a></li></ul><p class="margin-top-s margin-bottom-m">Calculate allowed downtime for web services per Service Level Agreements (SLA)</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jmstfv" class="no-underline" aria-label="jmstfv on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jmstfv&size=40, /api/user-image/?user=jmstfv&size=80 2x" src="/api/user-image/?user=jmstfv" alt="GitHub profile image of jmstfv" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://tryhexadecimal.com/availability-calculator?ref=tiny-helpers">Go to Availability calculator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgetavataaars.com%2F/medium/16:9/" alt="Screenshot of Avataaars" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Avataaars</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create your own personal avatar</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2021</div><a class="btn--full card-link margin-top-auto" href="https://getavataaars.com/?ref=tiny-helpers">Go to Avataaars</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Favatar.innocenzi.dev/medium/16:9/" alt="Screenshot of Avatar Cropper" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Avatar Cropper</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Crop an image from directly its link</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/innocenzi" class="no-underline" aria-label="innocenzi on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=innocenzi&size=40, /api/user-image/?user=innocenzi&size=80 2x" src="/api/user-image/?user=innocenzi" alt="GitHub profile image of innocenzi" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://avatar.innocenzi.dev?ref=tiny-helpers">Go to Avatar Cropper</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Favif.io%2F/medium/16:9/" alt="Screenshot of avif.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">avif.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Convert images to AVIF.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><a class="btn--full card-link margin-top-auto" href="https://avif.io/?ref=tiny-helpers">Go to avif.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Favpress.zaps.dev%2F/medium/16:9/" alt="Screenshot of AVPress" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">AVPress</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li><li class="margin-right-xs margin-bottom-s"><a href="/videos/" class="btn--bubble">Videos</a></li></ul><p class="margin-top-s margin-bottom-m">Optimise videos in your browser.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2021</div><a class="btn--full card-link margin-top-auto" href="https://avpress.zaps.dev/?ref=tiny-helpers">Go to AVPress</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fawsicons.dev%2F/medium/16:9/" alt="Screenshot of AWS ICONS" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">AWS ICONS</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find icons for AWS services</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/boyney123" class="no-underline" aria-label="boyney123 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=boyney123&size=40, /api/user-image/?user=boyney123&size=80 2x" src="/api/user-image/?user=boyney123" alt="GitHub profile image of boyney123" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://awsicons.dev/?ref=tiny-helpers">Go to AWS ICONS</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Frmbackground.softcloud.pro%2F/medium/16:9/" alt="Screenshot of Background Remover" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Background Remover</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Remove the background from an image using sophisticated AI</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/guiqui" class="no-underline" aria-label="guiqui on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=guiqui&size=40, /api/user-image/?user=guiqui&size=80 2x" src="/api/user-image/?user=guiqui" alt="GitHub profile image of guiqui" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://rmbackground.softcloud.pro/?ref=tiny-helpers">Go to Background Remover</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpr.gg%2Fbase64%2F/medium/16:9/" alt="Screenshot of Base64 Converter" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Base64 Converter</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li></ul><p class="margin-top-s margin-bottom-m">Base64 encode everything</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/progers" class="no-underline" aria-label="progers on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=progers&size=40, /api/user-image/?user=progers&size=80 2x" src="/api/user-image/?user=progers" alt="GitHub profile image of progers" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://pr.gg/base64/?ref=tiny-helpers">Go to Base64 Converter</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjaredwinick.github.io%2Fbase64-image-viewer%2F/medium/16:9/" alt="Screenshot of Base64 Image Viewer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Base64 Image Viewer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">View your Base64 encoded images</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jaredwinick" class="no-underline" aria-label="jaredwinick on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jaredwinick&size=40, /api/user-image/?user=jaredwinick&size=80 2x" src="/api/user-image/?user=jaredwinick" alt="GitHub profile image of jaredwinick" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://jaredwinick.github.io/base64-image-viewer/?ref=tiny-helpers">Go to Base64 Image Viewer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbasicons.xyz/medium/16:9/" alt="Screenshot of Basicons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Basicons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Download SVG icons</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><a class="btn--full card-link margin-top-auto" href="https://basicons.xyz?ref=tiny-helpers">Go to Basicons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgetcssscan.com%2Fcss-box-shadow-examples/medium/16:9/" alt="Screenshot of Beautiful CSS box-shadow examples" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Beautiful CSS box-shadow examples</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Find, click and copy beautiful CSS box-shadows.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/guivr" class="no-underline" aria-label="guivr on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=guivr&size=40, /api/user-image/?user=guivr&size=80 2x" src="/api/user-image/?user=guivr" alt="GitHub profile image of guivr" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://getcssscan.com/css-box-shadow-examples?ref=tiny-helpers">Go to Beautiful CSS box-shadow examples</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgetcssscan.com%2Fcss-buttons-examples/medium/16:9/" alt="Screenshot of Beautiful CSS buttons examples" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Beautiful CSS buttons examples</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Find, click and copy beautiful CSS buttons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/guivr" class="no-underline" aria-label="guivr on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=guivr&size=40, /api/user-image/?user=guivr&size=80 2x" src="/api/user-image/?user=guivr" alt="GitHub profile image of guivr" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://getcssscan.com/css-buttons-examples?ref=tiny-helpers">Go to Beautiful CSS buttons examples</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2F9elements.com%2Fbem-cheat-sheet%2F/medium/16:9/" alt="Screenshot of BEM Cheat Sheet" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">BEM Cheat Sheet</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Find consistent class names for common web components</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/enbee81" class="no-underline" aria-label="enbee81 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=enbee81&size=40, /api/user-image/?user=enbee81&size=80 2x" src="/api/user-image/?user=enbee81" alt="GitHub profile image of enbee81" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://9elements.com/bem-cheat-sheet/?ref=tiny-helpers">Go to BEM Cheat Sheet</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbetterplaceholder.com%2F/medium/16:9/" alt="Screenshot of Better Placeholder" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Better Placeholder</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly generate custom placeholder images for your design and development projects</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/dylanatsmith" class="no-underline" aria-label="dylanatsmith on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dylanatsmith&size=40, /api/user-image/?user=dylanatsmith&size=80 2x" src="/api/user-image/?user=dylanatsmith" alt="GitHub profile image of dylanatsmith" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://betterplaceholder.com/?ref=tiny-helpers">Go to Better Placeholder</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbetter-mobile-inputs.netlify.app/medium/16:9/" alt="Screenshot of better-mobile-inputs" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">better-mobile-inputs</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li></ul><p class="margin-top-s margin-bottom-m">Get previews of HTML element with "type", "inputmode" and "autocomplete" attributes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/aholachek" class="no-underline" aria-label="aholachek on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=aholachek&size=40, /api/user-image/?user=aholachek&size=80 2x" src="/api/user-image/?user=aholachek" alt="GitHub profile image of aholachek" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://better-mobile-inputs.netlify.app?ref=tiny-helpers">Go to better-mobile-inputs</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.bigtimer.net%2F/medium/16:9/" alt="Screenshot of Big Timer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Big Timer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Set a big timer for your meeting</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.bigtimer.net/?ref=tiny-helpers">Go to Big Timer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbigjpg.com%2F/medium/16:9/" alt="Screenshot of bigjpg" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">bigjpg</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Enlarge and size up images.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2023</div><a class="btn--full card-link margin-top-auto" href="https://bigjpg.com/?ref=tiny-helpers">Go to bigjpg</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fseoapi.com%2Fbingbot%2F/medium/16:9/" alt="Screenshot of Bingbot API" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Bingbot API</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/apis/" class="btn--bubble">APIs</a></li><li class="margin-right-xs margin-bottom-s"><a href="/seo/" class="btn--bubble">SEO</a></li></ul><p class="margin-top-s margin-bottom-m">Check if an IP address is officially used by Bingbot to crawl the web.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/fili" class="no-underline" aria-label="fili on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fili&size=40, /api/user-image/?user=fili&size=80 2x" src="/api/user-image/?user=fili" alt="GitHub profile image of fili" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://seoapi.com/bingbot/?ref=tiny-helpers">Go to Bingbot API</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbitcalc.app/medium/16:9/" alt="Screenshot of bitcalc" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">bitcalc</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Visualise hex, binary and decimal calculations and bitwise operations</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/remy" class="no-underline" aria-label="remy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=remy&size=40, /api/user-image/?user=remy&size=80 2x" src="/api/user-image/?user=remy" alt="GitHub profile image of remy" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://bitcalc.app?ref=tiny-helpers">Go to bitcalc</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fblobsicons.bargush.me%2F/medium/16:9/" alt="Screenshot of BlobsIcons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">BlobsIcons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find colorful icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2022</div><a class="btn--full card-link margin-top-auto" href="https://blobsicons.bargush.me/?ref=tiny-helpers">Go to BlobsIcons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ficons.getbootstrap.com%2F/medium/16:9/" alt="Screenshot of Bootstrap Icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Bootstrap Icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find Bootstrap icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><a class="btn--full card-link margin-top-auto" href="https://icons.getbootstrap.com/?ref=tiny-helpers">Go to Bootstrap Icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbounce.doctor%2F/medium/16:9/" alt="Screenshot of Bounce Doctor" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Bounce Doctor</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/email/" class="btn--bubble">Email</a></li></ul><p class="margin-top-s margin-bottom-m">Check emails for common deliverability issues.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2024</div><a class="btn--full card-link margin-top-auto" href="https://bounce.doctor/?ref=tiny-helpers">Go to Bounce Doctor</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbox-shadow.dev/medium/16:9/" alt="Screenshot of Box Shadows" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Box Shadows</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Interactively create box shadows and get the CSS to generate them</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/mikemcbride" class="no-underline" aria-label="mikemcbride on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mikemcbride&size=40, /api/user-image/?user=mikemcbride&size=80 2x" src="/api/user-image/?user=mikemcbride" alt="GitHub profile image of mikemcbride" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/davidleininger" class="no-underline" aria-label="davidleininger on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=davidleininger&size=40, /api/user-image/?user=davidleininger&size=80 2x" src="/api/user-image/?user=davidleininger" alt="GitHub profile image of davidleininger" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://box-shadow.dev?ref=tiny-helpers">Go to Box Shadows</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fboxicons.com%2F/medium/16:9/" alt="Screenshot of Boxicons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Boxicons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find attribution-free icons to use</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><a class="btn--full card-link margin-top-auto" href="https://boxicons.com/?ref=tiny-helpers">Go to Boxicons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fboxshadows.xyz%2F/medium/16:9/" alt="Screenshot of boxshadows.xyz" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">boxshadows.xyz</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create and preview complex box-shadow effects.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2023</div><a class="btn--full card-link margin-top-auto" href="https://boxshadows.xyz/?ref=tiny-helpers">Go to boxshadows.xyz</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbranition.com%2Fcolors/medium/16:9/" alt="Screenshot of Branition Colors" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Branition Colors</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Explore top hand curated color pallets best fitted for brands.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2022</div><a class="btn--full card-link margin-top-auto" href="https://branition.com/colors?ref=tiny-helpers">Go to Branition Colors</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmaxbittker.github.io%2Fbroider%2F/medium/16:9/" alt="Screenshot of Broider" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Broider</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create 9-patch borders</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/maxbittker" class="no-underline" aria-label="maxbittker on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=maxbittker&size=40, /api/user-image/?user=maxbittker&size=80 2x" src="/api/user-image/?user=maxbittker" alt="GitHub profile image of maxbittker" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://maxbittker.github.io/broider/?ref=tiny-helpers">Go to Broider</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fahrefs.com%2Fbroken-link-checker/medium/16:9/" alt="Screenshot of Broken Link Checker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Broken Link Checker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/seo/" class="btn--bubble">SEO</a></li><li class="margin-right-xs margin-bottom-s"><a href="/site-analyzers/" class="btn--bubble">Site analyzers</a></li></ul><p class="margin-top-s margin-bottom-m">Check your site for broken inbound and outbound links in seconds.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2023</div><a class="btn--full card-link margin-top-auto" href="https://ahrefs.com/broken-link-checker?ref=tiny-helpers">Go to Broken Link Checker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.brotli.pro%2F/medium/16:9/" alt="Screenshot of Brotli.Pro" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Brotli.Pro</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/network/" class="btn--bubble">Network</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li><li class="margin-right-xs margin-bottom-s"><a href="/site-analyzers/" class="btn--bubble">Site analyzers</a></li></ul><p class="margin-top-s margin-bottom-m">Check if your website supports Brotli compression</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/manniL" class="no-underline" aria-label="manniL on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=manniL&size=40, /api/user-image/?user=manniL&size=80 2x" src="/api/user-image/?user=manniL" alt="GitHub profile image of manniL" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.brotli.pro/?ref=tiny-helpers">Go to Brotli.Pro</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbrowserdefaultstyles.com%2F/medium/16:9/" alt="Screenshot of Browser Default Styles" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Browser Default Styles</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li></ul><p class="margin-top-s margin-bottom-m">Search elements, filter engines, find browser default styles</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/UncaughtTypeError" class="no-underline" aria-label="UncaughtTypeError on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=UncaughtTypeError&size=40, /api/user-image/?user=UncaughtTypeError&size=80 2x" src="/api/user-image/?user=UncaughtTypeError" alt="GitHub profile image of UncaughtTypeError" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://browserdefaultstyles.com/?ref=tiny-helpers">Go to Browser Default Styles</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbrowserframe.com%2F/medium/16:9/" alt="Screenshot of BrowserFrame" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">BrowserFrame</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Wrap screenshots in browser frames.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/pqvst" class="no-underline" aria-label="pqvst on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pqvst&size=40, /api/user-image/?user=pqvst&size=80 2x" src="/api/user-image/?user=pqvst" alt="GitHub profile image of pqvst" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://browserframe.com/?ref=tiny-helpers">Go to BrowserFrame</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbundlescanner.com%2F/medium/16:9/" alt="Screenshot of Bundle Scanner" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Bundle Scanner</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/npm/" class="btn--bubble">npm</a></li></ul><p class="margin-top-s margin-bottom-m">Identify NPM libraries included in Javascript files.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/markusenglund" class="no-underline" aria-label="markusenglund on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=markusenglund&size=40, /api/user-image/?user=markusenglund&size=80 2x" src="/api/user-image/?user=markusenglund" alt="GitHub profile image of markusenglund" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://bundlescanner.com/?ref=tiny-helpers">Go to Bundle Scanner</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbundlejs.com/medium/16:9/" alt="Screenshot of bundlejs" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">bundlejs</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/npm/" class="btn--bubble">npm</a></li></ul><p class="margin-top-s margin-bottom-m">Analyze JavaScript packages.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/okikio" class="no-underline" aria-label="okikio on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=okikio&size=40, /api/user-image/?user=okikio&size=80 2x" src="/api/user-image/?user=okikio" alt="GitHub profile image of okikio" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://bundlejs.com?ref=tiny-helpers">Go to bundlejs</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbundlephobia.com/medium/16:9/" alt="Screenshot of Bundlephobia" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Bundlephobia</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li><li class="margin-right-xs margin-bottom-s"><a href="/npm/" class="btn--bubble">npm</a></li></ul><p class="margin-top-s margin-bottom-m">Find the cost of adding a npm package to your bundle</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/pastelsky" class="no-underline" aria-label="pastelsky on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pastelsky&size=40, /api/user-image/?user=pastelsky&size=80 2x" src="/api/user-image/?user=pastelsky" alt="GitHub profile image of pastelsky" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://bundlephobia.com?ref=tiny-helpers">Go to Bundlephobia</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbuttonbuddy.dev/medium/16:9/" alt="Screenshot of ButtonBuddy" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ButtonBuddy</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Learn about accessible button contrast then generate your own accessible button color palette</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/5t3ph" class="no-underline" aria-label="5t3ph on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=5t3ph&size=40, /api/user-image/?user=5t3ph&size=80 2x" src="/api/user-image/?user=5t3ph" alt="GitHub profile image of 5t3ph" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://buttonbuddy.dev?ref=tiny-helpers">Go to ButtonBuddy</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcsharptotypescript.azurewebsites.net%2F/medium/16:9/" alt="Screenshot of C# To TypeScript" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">C# To TypeScript</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/typescript/" class="btn--bubble">TypeScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li></ul><p class="margin-top-s margin-bottom-m">Convert C# Models, ViewModels and DTOs into their TypeScript equivalents.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/AdrianWilczynski" class="no-underline" aria-label="AdrianWilczynski on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=AdrianWilczynski&size=40, /api/user-image/?user=AdrianWilczynski&size=80 2x" src="/api/user-image/?user=AdrianWilczynski" alt="GitHub profile image of AdrianWilczynski" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://csharptotypescript.azurewebsites.net/?ref=tiny-helpers">Go to C# To TypeScript</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsslmate.com%2Fcaa%2F/medium/16:9/" alt="Screenshot of CAA Record Helper" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CAA Record Helper</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Generates CAA policies for domains</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/AGWA" class="no-underline" aria-label="AGWA on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=AGWA&size=40, /api/user-image/?user=AGWA&size=80 2x" src="/api/user-image/?user=AGWA" alt="GitHub profile image of AGWA" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://sslmate.com/caa/?ref=tiny-helpers">Go to CAA Record Helper</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcalendariconsgenerator.app%2Fuse/medium/16:9/" alt="Screenshot of Calendar Icons Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Calendar Icons Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Generate an entire years worth of unique icons, absolutely FREE!</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/denno020" class="no-underline" aria-label="denno020 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=denno020&size=40, /api/user-image/?user=denno020&size=80 2x" src="/api/user-image/?user=denno020" alt="GitHub profile image of denno020" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://calendariconsgenerator.app/use?ref=tiny-helpers">Go to Calendar Icons Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcalndr.link%2F/medium/16:9/" alt="Screenshot of Calndr" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Calndr</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/apis/" class="btn--bubble">APIs</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Dead simple & free add to calendar links + API</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/atymic" class="no-underline" aria-label="atymic on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=atymic&size=40, /api/user-image/?user=atymic&size=80 2x" src="/api/user-image/?user=atymic" alt="GitHub profile image of atymic" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://calndr.link/?ref=tiny-helpers">Go to Calndr</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcaniemail.com/medium/16:9/" alt="Screenshot of Can I E-Mail" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Can I E-Mail</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/email/" class="btn--bubble">Email</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly look up HTML and CSS support for E-Mails</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/HTeuMeuLeu" class="no-underline" aria-label="HTeuMeuLeu on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=HTeuMeuLeu&size=40, /api/user-image/?user=HTeuMeuLeu&size=80 2x" src="/api/user-image/?user=HTeuMeuLeu" alt="GitHub profile image of HTeuMeuLeu" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://caniemail.com?ref=tiny-helpers">Go to Can I E-Mail</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcaniuse.com/medium/16:9/" alt="Screenshot of Can I Use" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Can I Use</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly look up browser support for modern web technologies</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Fyrd" class="no-underline" aria-label="Fyrd on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Fyrd&size=40, /api/user-image/?user=Fyrd&size=80 2x" src="/api/user-image/?user=Fyrd" alt="GitHub profile image of Fyrd" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://caniuse.com?ref=tiny-helpers">Go to Can I Use</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcanarytokens.org/medium/16:9/" alt="Screenshot of Canarytokens" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Canarytokens</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/system-administration/" class="btn--bubble">System Administration</a></li></ul><p class="margin-top-s margin-bottom-m">Create canarytokens for URL/DNS/etc. to notify you in case of someone is breachin into your system.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><a class="btn--full card-link margin-top-auto" href="https://canarytokens.org?ref=tiny-helpers">Go to Canarytokens</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcaninclude.glitch.me%2F/medium/16:9/" alt="Screenshot of caninclude" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">caninclude</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li></ul><p class="margin-top-s margin-bottom-m">Check which HTML tag you can include in another one</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/CyberLight" class="no-underline" aria-label="CyberLight on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=CyberLight&size=40, /api/user-image/?user=CyberLight&size=80 2x" src="/api/user-image/?user=CyberLight" alt="GitHub profile image of CyberLight" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://caninclude.glitch.me/?ref=tiny-helpers">Go to caninclude</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcarbon.now.sh%2F/medium/16:9/" alt="Screenshot of carbon" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">carbon</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create and share beautiful images of your source code</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://carbon.now.sh/?ref=tiny-helpers">Go to carbon</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffffuel.co%2Fcccolor%2F/medium/16:9/" alt="Screenshot of cccolor" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">cccolor</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Pick colors and build a cohesive palette</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/thisisseb" class="no-underline" aria-label="thisisseb on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=thisisseb&size=40, /api/user-image/?user=thisisseb&size=80 2x" src="/api/user-image/?user=thisisseb" alt="GitHub profile image of thisisseb" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://fffuel.co/cccolor/?ref=tiny-helpers">Go to cccolor</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.cdnplanet.com%2Ftools%2Fcdnfinder%2F/medium/16:9/" alt="Screenshot of CDN finder" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CDN finder</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li><li class="margin-right-xs margin-bottom-s"><a href="/network/" class="btn--bubble">Network</a></li></ul><p class="margin-top-s margin-bottom-m">Look up all CDNs used on a web page.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><a class="btn--full card-link margin-top-auto" href="https://www.cdnplanet.com/tools/cdnfinder/?ref=tiny-helpers">Go to CDN finder</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fchalk.ist%2F/medium/16:9/" alt="Screenshot of Chalk.ist" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Chalk.ist</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create beautiful images of your source code.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Idered" class="no-underline" aria-label="Idered on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Idered&size=40, /api/user-image/?user=Idered&size=80 2x" src="/api/user-image/?user=Idered" alt="GitHub profile image of Idered" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://chalk.ist/?ref=tiny-helpers">Go to Chalk.ist</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fchmod-calculator.com%2F/medium/16:9/" alt="Screenshot of Chmod Calculator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Chmod Calculator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/system-administration/" class="btn--bubble">System Administration</a></li></ul><p class="margin-top-s margin-bottom-m">Convert Linux file permissions between different formats</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/onurgvnc" class="no-underline" aria-label="onurgvnc on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=onurgvnc&size=40, /api/user-image/?user=onurgvnc&size=80 2x" src="/api/user-image/?user=onurgvnc" alt="GitHub profile image of onurgvnc" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://chmod-calculator.com/?ref=tiny-helpers">Go to Chmod Calculator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Futopia.fyi%2Fclamp%2Fcalculator%2F/medium/16:9/" alt="Screenshot of Clamp Calculator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Clamp Calculator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Generate custom and fluid CSS tokens using clamp().</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2023</div><a class="btn--full card-link margin-top-auto" href="https://utopia.fyi/clamp/calculator/?ref=tiny-helpers">Go to Clamp Calculator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcleanup.pictures%2F/medium/16:9/" alt="Screenshot of Cleanup.pictures" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Cleanup.pictures</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Clean up your images.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://cleanup.pictures/?ref=tiny-helpers">Go to Cleanup.pictures</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Feuangoddard.github.io%2Fclipboard2markdown%2F/medium/16:9/" alt="Screenshot of Clipboard2Markdown" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Clipboard2Markdown</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/markdown/" class="btn--bubble">Markdown</a></li></ul><p class="margin-top-s margin-bottom-m">Convert text in your clipboard to markdown.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/euangoddard" class="no-underline" aria-label="euangoddard on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=euangoddard&size=40, /api/user-image/?user=euangoddard&size=80 2x" src="/api/user-image/?user=euangoddard" alt="GitHub profile image of euangoddard" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://euangoddard.github.io/clipboard2markdown/?ref=tiny-helpers">Go to Clipboard2Markdown</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbennettfeely.com%2Fclippy%2F/medium/16:9/" alt="Screenshot of Clippy" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Clippy</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create CSS clip paths</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/bennettfeely" class="no-underline" aria-label="bennettfeely on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bennettfeely&size=40, /api/user-image/?user=bennettfeely&size=80 2x" src="/api/user-image/?user=bennettfeely" alt="GitHub profile image of bennettfeely" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://bennettfeely.com/clippy/?ref=tiny-helpers">Go to Clippy</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcobalt.tools%2F/medium/16:9/" alt="Screenshot of cobalt" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">cobalt</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Save anything from your favorite websites.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2024</div><a class="btn--full card-link margin-top-auto" href="https://cobalt.tools/?ref=tiny-helpers">Go to cobalt</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.labnol.org%2Fapps%2Furlfetch.html/medium/16:9/" alt="Screenshot of Code Generator for HTTP Requests" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Code Generator for HTTP Requests</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/http/" class="btn--bubble">HTTP</a></li><li class="margin-right-xs margin-bottom-s"><a href="/network/" class="btn--bubble">Network</a></li><li class="margin-right-xs margin-bottom-s"><a href="/command-line/" class="btn--bubble">Command line</a></li><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Generate "ready to run" code snippets for making HTTP requests with Google Apps Script, JavaScript, Node.js and cURL commands.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/labnol" class="no-underline" aria-label="labnol on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=labnol&size=40, /api/user-image/?user=labnol&size=80 2x" src="/api/user-image/?user=labnol" alt="GitHub profile image of labnol" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.labnol.org/apps/urlfetch.html?ref=tiny-helpers">Go to Code Generator for HTTP Requests</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcodetoimg.com%2F/medium/16:9/" alt="Screenshot of Code to Image" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Code to Image</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Generate beautiful and customizable images of code.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2022</div><a class="btn--full card-link margin-top-auto" href="https://codetoimg.com/?ref=tiny-helpers">Go to Code to Image</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcodeimg.io%2F/medium/16:9/" alt="Screenshot of codeimg" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">codeimg</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create beautiful images of source code</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2020</div><a class="btn--full card-link margin-top-auto" href="https://codeimg.io/?ref=tiny-helpers">Go to codeimg</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.codepng.app%2F/medium/16:9/" alt="Screenshot of Codepng" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Codepng</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create awesome snapshots from your source code</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/henripar" class="no-underline" aria-label="henripar on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=henripar&size=40, /api/user-image/?user=henripar&size=80 2x" src="/api/user-image/?user=henripar" alt="GitHub profile image of henripar" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.codepng.app/?ref=tiny-helpers">Go to Codepng</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcolorcontrast.app%2F/medium/16:9/" alt="Screenshot of Color contrast checker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Color contrast checker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly check the contrast between colors with WCAG and APCA and get suggestions for better colors</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Kilian" class="no-underline" aria-label="Kilian on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Kilian&size=40, /api/user-image/?user=Kilian&size=80 2x" src="/api/user-image/?user=Kilian" alt="GitHub profile image of Kilian" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://colorcontrast.app/?ref=tiny-helpers">Go to Color contrast checker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Foomphinc.github.io%2Fcolorcube%2F/medium/16:9/" alt="Screenshot of Color Cube" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Color Cube</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Evaluate an entire brand color palette for WCAG 2.1 compliance and adjust on the fly with the HSL color model</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jhogue" class="no-underline" aria-label="jhogue on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jhogue&size=40, /api/user-image/?user=jhogue&size=80 2x" src="/api/user-image/?user=jhogue" alt="GitHub profile image of jhogue" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://oomphinc.github.io/colorcube/?ref=tiny-helpers">Go to Color Cube</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcolorhunt.co%2F/medium/16:9/" alt="Screenshot of Color Hunt" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Color Hunt</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Get color inspiration with hand-picked color palettes</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><a class="btn--full card-link margin-top-auto" href="https://colorhunt.co/?ref=tiny-helpers">Go to Color Hunt</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.color-morph.com%2F/medium/16:9/" alt="Screenshot of Color Morph" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Color Morph</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create beautiful SVG gradients.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2022</div><a class="btn--full card-link margin-top-auto" href="https://www.color-morph.com/?ref=tiny-helpers">Go to Color Morph</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcoolors.co%2Fapp/medium/16:9/" alt="Screenshot of Color schemes generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Color schemes generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate a nice looking color pallete</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://coolors.co/app?ref=tiny-helpers">Go to Color schemes generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcolor.review%2F/medium/16:9/" alt="Screenshot of Color.review" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Color.review</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Check your color contrast</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><a class="btn--full card-link margin-top-auto" href="https://color.review/?ref=tiny-helpers">Go to Color.review</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.colorbox.io/medium/16:9/" alt="Screenshot of ColorBox" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ColorBox</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Build color systems for accessible UIs</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.colorbox.io?ref=tiny-helpers">Go to ColorBox</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcolorca.org%2F/medium/16:9/" alt="Screenshot of Colorca" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Colorca</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Design an accessible color palette for digital products in HSLuv color space</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/surfinzap" class="no-underline" aria-label="surfinzap on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=surfinzap&size=40, /api/user-image/?user=surfinzap&size=80 2x" src="/api/user-image/?user=surfinzap" alt="GitHub profile image of surfinzap" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://colorca.org/?ref=tiny-helpers">Go to Colorca</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fcolormind.io%2F/medium/16:9/" alt="Screenshot of Colormind" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Colormind</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Create color schemes from photographs, movies, and popular art using AI.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><a class="btn--full card-link margin-top-auto" href="http://colormind.io/?ref=tiny-helpers">Go to Colormind</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcolorcolor.in%2F/medium/16:9/" alt="Screenshot of Color×Color" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Color×Color</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate color palettes in Okhsl and HSLuv color spaces.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/saneef" class="no-underline" aria-label="saneef on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=saneef&size=40, /api/user-image/?user=saneef&size=80 2x" src="/api/user-image/?user=saneef" alt="GitHub profile image of saneef" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://colorcolor.in/?ref=tiny-helpers">Go to Color×Color</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcolouris.surge.sh/medium/16:9/" alt="Screenshot of Colouris" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Colouris</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Convert a colour into other web formats</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/gnclmorais" class="no-underline" aria-label="gnclmorais on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=gnclmorais&size=40, /api/user-image/?user=gnclmorais&size=80 2x" src="/api/user-image/?user=gnclmorais" alt="GitHub profile image of gnclmorais" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://colouris.surge.sh?ref=tiny-helpers">Go to Colouris</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcommand-not-found.com%2F/medium/16:9/" alt="Screenshot of command-not-found.com " width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">command-not-found.com</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/command-line/" class="btn--bubble">Command line</a></li></ul><p class="margin-top-s margin-bottom-m">Find package names to install a command on every distro</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2022</div><a class="btn--full card-link margin-top-auto" href="https://command-not-found.com/?ref=tiny-helpers">Go to command-not-found.com</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftinywow.com%2Fpdf%2Fcompress/medium/16:9/" alt="Screenshot of Compress PDF" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Compress PDF</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/pdf/" class="btn--bubble">PDF</a></li></ul><p class="margin-top-s margin-bottom-m">Lessen the file size of a PDF file.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><a class="btn--full card-link margin-top-auto" href="https://tinywow.com/pdf/compress?ref=tiny-helpers">Go to Compress PDF</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcompressimage.io/medium/16:9/" alt="Screenshot of compressImage.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">compressImage.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Compress images.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2021</div><a class="btn--full card-link margin-top-auto" href="https://compressimage.io?ref=tiny-helpers">Go to compressImage.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fimagecompresser.com%2F/medium/16:9/" alt="Screenshot of Compressor.com" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Compressor.com</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Compress jpeg and png images.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://imagecompresser.com/?ref=tiny-helpers">Go to Compressor.com</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fconic.style/medium/16:9/" alt="Screenshot of Conic.Style" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Conic.Style</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Find CSS conic gradients.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/argyleink" class="no-underline" aria-label="argyleink on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=argyleink&size=40, /api/user-image/?user=argyleink&size=80 2x" src="/api/user-image/?user=argyleink" alt="GitHub profile image of argyleink" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://conic.style?ref=tiny-helpers">Go to Conic.Style</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcontrast.bruskowski.design%2F/medium/16:9/" alt="Screenshot of Contrast Checker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Contrast Checker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Check for WCAG 2.1 compliance for text and non-text contrast.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/richardbruskowski" class="no-underline" aria-label="richardbruskowski on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=richardbruskowski&size=40, /api/user-image/?user=richardbruskowski&size=80 2x" src="/api/user-image/?user=richardbruskowski" alt="GitHub profile image of richardbruskowski" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://contrast.bruskowski.design/?ref=tiny-helpers">Go to Contrast Checker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcontrast-ratio.org%2F/medium/16:9/" alt="Screenshot of Contrast ratio" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Contrast ratio</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Compute the contrast ratio between 2 colors</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/leaverou" class="no-underline" aria-label="leaverou on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=leaverou&size=40, /api/user-image/?user=leaverou&size=80 2x" src="/api/user-image/?user=leaverou" alt="GitHub profile image of leaverou" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/MoritzGiessmann" class="no-underline" aria-label="MoritzGiessmann on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=MoritzGiessmann&size=40, /api/user-image/?user=MoritzGiessmann&size=80 2x" src="/api/user-image/?user=MoritzGiessmann" alt="GitHub profile image of MoritzGiessmann" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://contrast-ratio.org/?ref=tiny-helpers">Go to Contrast ratio</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcontrast.crgeary.com/medium/16:9/" alt="Screenshot of contrast.crgeary.com" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">contrast.crgeary.com</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Check your color palette for accessible combinations</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/crgeary" class="no-underline" aria-label="crgeary on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=crgeary&size=40, /api/user-image/?user=crgeary&size=80 2x" src="/api/user-image/?user=crgeary" alt="GitHub profile image of crgeary" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://contrast.crgeary.com?ref=tiny-helpers">Go to contrast.crgeary.com</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fkizie.co%2Ftools%2Ftwitter-image/medium/16:9/" alt="Screenshot of Convert Tweet to Image" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Convert Tweet to Image</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Convert tweets to customisable images, export image in Instagram Story/Post sizes</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/rishimohan" class="no-underline" aria-label="rishimohan on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=rishimohan&size=40, /api/user-image/?user=rishimohan&size=80 2x" src="/api/user-image/?user=rishimohan" alt="GitHub profile image of rishimohan" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://kizie.co/tools/twitter-image?ref=tiny-helpers">Go to Convert Tweet to Image</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fconvert2svg.com%2F/medium/16:9/" alt="Screenshot of Convert2Svg" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Convert2Svg</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Convert an image to SVG.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/wwebdev" class="no-underline" aria-label="wwebdev on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=wwebdev&size=40, /api/user-image/?user=wwebdev&size=80 2x" src="/api/user-image/?user=wwebdev" alt="GitHub profile image of wwebdev" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://convert2svg.com/?ref=tiny-helpers">Go to Convert2Svg</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcoolors.co%2F/medium/16:9/" alt="Screenshot of Coolors" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Coolors</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate color palettes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2022</div><a class="btn--full card-link margin-top-auto" href="https://coolors.co/?ref=tiny-helpers">Go to Coolors</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcopypastelist.co%2F/medium/16:9/" alt="Screenshot of Copy Paste List" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Copy Paste List</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Unformatted, easily copy and paste-able lists</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/bennettfeely" class="no-underline" aria-label="bennettfeely on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bennettfeely&size=40, /api/user-image/?user=bennettfeely&size=80 2x" src="/api/user-image/?user=bennettfeely" alt="GitHub profile image of bennettfeely" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://copypastelist.co/?ref=tiny-helpers">Go to Copy Paste List</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcopypalette.app%2F/medium/16:9/" alt="Screenshot of CopyPalette" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CopyPalette</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create your SVG palette and use it in Figma/Sketch by just using COPY and PASTE</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/dimitrisraptis96" class="no-underline" aria-label="dimitrisraptis96 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dimitrisraptis96&size=40, /api/user-image/?user=dimitrisraptis96&size=80 2x" src="/api/user-image/?user=dimitrisraptis96" alt="GitHub profile image of dimitrisraptis96" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://copypalette.app/?ref=tiny-helpers">Go to CopyPalette</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcouleur.io%2F/medium/16:9/" alt="Screenshot of couleur.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">couleur.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Create harmonizing color palettes</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/thisisseb" class="no-underline" aria-label="thisisseb on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=thisisseb&size=40, /api/user-image/?user=thisisseb&size=80 2x" src="/api/user-image/?user=thisisseb" alt="GitHub profile image of thisisseb" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://couleur.io/?ref=tiny-helpers">Go to couleur.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcreateapp.dev%2F/medium/16:9/" alt="Screenshot of Create App" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Create App</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Create configuration files for your frontend project.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><a class="btn--full card-link margin-top-auto" href="https://createapp.dev/?ref=tiny-helpers">Go to Create App</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcrontab.guru/medium/16:9/" alt="Screenshot of crontab.guru" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">crontab.guru</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/system-administration/" class="btn--bubble">System Administration</a></li></ul><p class="margin-top-s margin-bottom-m">Create and understand cron time fields</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://crontab.guru?ref=tiny-helpers">Go to crontab.guru</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcroppola.com%2F/medium/16:9/" alt="Screenshot of croppola" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">croppola</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Crop images to your needs with commonly used formats</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><a class="btn--full card-link margin-top-auto" href="https://croppola.com/?ref=tiny-helpers">Go to croppola</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcropper.madza.dev%2F/medium/16:9/" alt="Screenshot of CropScore" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CropScore</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Crop images for common platforms.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/madzadev" class="no-underline" aria-label="madzadev on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=madzadev&size=40, /api/user-image/?user=madzadev&size=80 2x" src="/api/user-image/?user=madzadev" alt="GitHub profile image of madzadev" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://cropper.madza.dev/?ref=tiny-helpers">Go to CropScore</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Frobwu.nl%2Fcrxviewer%2F/medium/16:9/" alt="Screenshot of CRX Viewer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CRX Viewer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Inspect what's included in Chrome/Firefox extensions.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Rob--W" class="no-underline" aria-label="Rob--W on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Rob--W&size=40, /api/user-image/?user=Rob--W&size=80 2x" src="/api/user-image/?user=Rob--W" alt="GitHub profile image of Rob--W" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://robwu.nl/crxviewer/?ref=tiny-helpers">Go to CRX Viewer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcryptii.com%2Fpipes%2Funicode-lookup/medium/16:9/" alt="Screenshot of Cryptii Unicode Lookup" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Cryptii Unicode Lookup</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/unicode/" class="btn--bubble">Unicode</a></li></ul><p class="margin-top-s margin-bottom-m">See Unicode code points in a string.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><a class="btn--full card-link margin-top-auto" href="https://cryptii.com/pipes/unicode-lookup?ref=tiny-helpers">Go to Cryptii Unicode Lookup</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcryptii.com%2F/medium/16:9/" alt="Screenshot of cryptii.com" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">cryptii.com</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li><li class="margin-right-xs margin-bottom-s"><a href="/unicode/" class="btn--bubble">Unicode</a></li></ul><p class="margin-top-s margin-bottom-m">Convert and encode text quickly</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/ffraenz" class="no-underline" aria-label="ffraenz on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ffraenz&size=40, /api/user-image/?user=ffraenz&size=80 2x" src="/api/user-image/?user=ffraenz" alt="GitHub profile image of ffraenz" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://cryptii.com/?ref=tiny-helpers">Go to cryptii.com</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcsp-evaluator.withgoogle.com%2F/medium/16:9/" alt="Screenshot of CSP Evaluator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSP Evaluator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Check your CSP (Content Security Policy).</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2021</div><a class="btn--full card-link margin-top-auto" href="https://csp-evaluator.withgoogle.com/?ref=tiny-helpers">Go to CSP Evaluator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Freport-uri.com%2Fhome%2Fhash/medium/16:9/" alt="Screenshot of CSP Hash Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSP Hash Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Generates Script and style hashs for content-security-policies with script-src and style-src directives to disallow inline scripts and styles.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><a class="btn--full card-link margin-top-auto" href="https://report-uri.com/home/hash?ref=tiny-helpers">Go to CSP Hash Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fwww.cssarrowplease.com%2F/medium/16:9/" alt="Screenshot of CSS Arrow Please" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Arrow Please</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create and export CSS code for a custom box with an arrow extending out from the side.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/hojberg" class="no-underline" aria-label="hojberg on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=hojberg&size=40, /api/user-image/?user=hojberg&size=80 2x" src="/api/user-image/?user=hojberg" alt="GitHub profile image of hojberg" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="http://www.cssarrowplease.com/?ref=tiny-helpers">Go to CSS Arrow Please</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.magicpattern.design%2Ftools%2Fcss-backgrounds/medium/16:9/" alt="Screenshot of CSS Background Patterns" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Background Patterns</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create beautiful pure CSS background patterns</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.magicpattern.design/tools/css-backgrounds?ref=tiny-helpers">Go to CSS Background Patterns</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fonotakehiko.dev%2Fclothoid%2F/medium/16:9/" alt="Screenshot of CSS Clothoid Corners" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Clothoid Corners</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Generate clothoid rounded corners by CSS clip-path.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/onopko" class="no-underline" aria-label="onopko on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=onopko&size=40, /api/user-image/?user=onopko&size=80 2x" src="/api/user-image/?user=onopko" alt="GitHub profile image of onopko" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://onotakehiko.dev/clothoid/?ref=tiny-helpers">Go to CSS Clothoid Corners</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcsscursor.info%2F/medium/16:9/" alt="Screenshot of CSS Cursors" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Cursors</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Have a look at all these CSS Cursors</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/wesbos" class="no-underline" aria-label="wesbos on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=wesbos&size=40, /api/user-image/?user=wesbos&size=80 2x" src="/api/user-image/?user=wesbos" alt="GitHub profile image of wesbos" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://csscursor.info/?ref=tiny-helpers">Go to CSS Cursors</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcssduotone.com%2F/medium/16:9/" alt="Screenshot of CSS Duotone Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Duotone Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create duotone image effects.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/rickymetz" class="no-underline" aria-label="rickymetz on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=rickymetz&size=40, /api/user-image/?user=rickymetz&size=80 2x" src="/api/user-image/?user=rickymetz" alt="GitHub profile image of rickymetz" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://cssduotone.com/?ref=tiny-helpers">Go to CSS Duotone Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcssflex-generator.netlify.app%2F/medium/16:9/" alt="Screenshot of CSS Flex Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Flex Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create flexbox layouts.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/dillionmegida" class="no-underline" aria-label="dillionmegida on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dillionmegida&size=40, /api/user-image/?user=dillionmegida&size=80 2x" src="/api/user-image/?user=dillionmegida" alt="GitHub profile image of dillionmegida" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://cssflex-generator.netlify.app/?ref=tiny-helpers">Go to CSS Flex Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.css-gradient.com%2F/medium/16:9/" alt="Screenshot of CSS Gradient Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Gradient Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate beautiful color gradients.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><a class="btn--full card-link margin-top-auto" href="https://www.css-gradient.com/?ref=tiny-helpers">Go to CSS Gradient Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Falialaa.github.io%2Fcss-grid-cheat-sheet%2F/medium/16:9/" alt="Screenshot of CSS Grid Cheat Sheet" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Grid Cheat Sheet</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Visualise your CSS grid.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/alialaa" class="no-underline" aria-label="alialaa on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=alialaa&size=40, /api/user-image/?user=alialaa&size=80 2x" src="/api/user-image/?user=alialaa" alt="GitHub profile image of alialaa" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://alialaa.github.io/css-grid-cheat-sheet/?ref=tiny-helpers">Go to CSS Grid Cheat Sheet</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcssgrid-generator.netlify.com%2F/medium/16:9/" alt="Screenshot of CSS Grid Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Grid Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Define and generate code for CSS Grid layouts</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/sdras" class="no-underline" aria-label="sdras on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=sdras&size=40, /api/user-image/?user=sdras&size=80 2x" src="/api/user-image/?user=sdras" alt="GitHub profile image of sdras" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://cssgrid-generator.netlify.com/?ref=tiny-helpers">Go to CSS Grid Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcsslayout.io%2F/medium/16:9/" alt="Screenshot of CSS Layout" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Layout</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">A collection of popular layouts and patterns made with CSS</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/phuoc-ng" class="no-underline" aria-label="phuoc-ng on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=phuoc-ng&size=40, /api/user-image/?user=phuoc-ng&size=80 2x" src="/api/user-image/?user=phuoc-ng" alt="GitHub profile image of phuoc-ng" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://csslayout.io/?ref=tiny-helpers">Go to CSS Layout</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Flayout.bradwoods.io%2F/medium/16:9/" alt="Screenshot of CSS Layout Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Layout Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create CSS for layout components.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2021</div><a class="btn--full card-link margin-top-auto" href="https://layout.bradwoods.io/?ref=tiny-helpers">Go to CSS Layout Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcss-scroll-shadows.now.sh/medium/16:9/" alt="Screenshot of CSS Scroll Shadows" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Scroll Shadows</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create CSS scroll shadows</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/stefanjudis" class="no-underline" aria-label="stefanjudis on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=stefanjudis&size=40, /api/user-image/?user=stefanjudis&size=80 2x" src="/api/user-image/?user=stefanjudis" alt="GitHub profile image of stefanjudis" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://css-scroll-shadows.now.sh?ref=tiny-helpers">Go to CSS Scroll Shadows</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Falvarotrigo.com%2Fshadow-gradients%2F/medium/16:9/" alt="Screenshot of CSS Shadow Gradients" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Shadow Gradients</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create CSS gradient shadows</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/alvarotrigo" class="no-underline" aria-label="alvarotrigo on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=alvarotrigo&size=40, /api/user-image/?user=alvarotrigo&size=80 2x" src="/api/user-image/?user=alvarotrigo" alt="GitHub profile image of alvarotrigo" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://alvarotrigo.com/shadow-gradients/?ref=tiny-helpers">Go to CSS Shadow Gradients</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcss-shape.com%2F/medium/16:9/" alt="Screenshot of CSS Shape" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Shape</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Find single-element, modern CSS and an optimized code.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Afif13" class="no-underline" aria-label="Afif13 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Afif13&size=40, /api/user-image/?user=Afif13&size=80 2x" src="/api/user-image/?user=Afif13" alt="GitHub profile image of Afif13" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://css-shape.com/?ref=tiny-helpers">Go to CSS Shape</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpolypane.app%2Fcss-specificity-calculator%2F/medium/16:9/" alt="Screenshot of CSS specificity calculator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS specificity calculator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Calculate the specificity of a given CSS selector</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/kilian" class="no-underline" aria-label="kilian on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=kilian&size=40, /api/user-image/?user=kilian&size=80 2x" src="/api/user-image/?user=kilian" alt="GitHub profile image of kilian" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://polypane.app/css-specificity-calculator/?ref=tiny-helpers">Go to CSS specificity calculator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjonassebastianohlsson.com%2Fspecificity-graph%2F/medium/16:9/" alt="Screenshot of CSS Specificity Graph Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Specificity Graph Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Generate an interactive line graph showing the specificity in your stylesheet</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/pocketjoso" class="no-underline" aria-label="pocketjoso on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pocketjoso&size=40, /api/user-image/?user=pocketjoso&size=80 2x" src="/api/user-image/?user=pocketjoso" alt="GitHub profile image of pocketjoso" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://jonassebastianohlsson.com/specificity-graph/?ref=tiny-helpers">Go to CSS Specificity Graph Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcssstats.com%2F/medium/16:9/" alt="Screenshot of CSS Stats" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Stats</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Analyze and visualize your stylesheets</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/kristoferjoseph" class="no-underline" aria-label="kristoferjoseph on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=kristoferjoseph&size=40, /api/user-image/?user=kristoferjoseph&size=80 2x" src="/api/user-image/?user=kristoferjoseph" alt="GitHub profile image of kristoferjoseph" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/johno" class="no-underline" aria-label="johno on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=johno&size=40, /api/user-image/?user=johno&size=80 2x" src="/api/user-image/?user=johno" alt="GitHub profile image of johno" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/mrmrs" class="no-underline" aria-label="mrmrs on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mrmrs&size=40, /api/user-image/?user=mrmrs&size=80 2x" src="/api/user-image/?user=mrmrs" alt="GitHub profile image of mrmrs" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/jxnblk" class="no-underline" aria-label="jxnblk on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jxnblk&size=40, /api/user-image/?user=jxnblk&size=80 2x" src="/api/user-image/?user=jxnblk" alt="GitHub profile image of jxnblk" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://cssstats.com/?ref=tiny-helpers">Go to CSS Stats</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fstripesgenerator.com%2F/medium/16:9/" alt="Screenshot of CSS Stripes Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Stripes Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Generate CSS-based striped backgrounds</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="http://stripesgenerator.com/?ref=tiny-helpers">Go to CSS Stripes Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcsstriggers.com%2F/medium/16:9/" alt="Screenshot of CSS Triggers" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS Triggers</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Get information on what CSS properties trigger layout, paint or composite</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/surma" class="no-underline" aria-label="surma on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=surma&size=40, /api/user-image/?user=surma&size=80 2x" src="/api/user-image/?user=surma" alt="GitHub profile image of surma" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/paullewis" class="no-underline" aria-label="paullewis on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=paullewis&size=40, /api/user-image/?user=paullewis&size=80 2x" src="/api/user-image/?user=paullewis" alt="GitHub profile image of paullewis" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://csstriggers.com/?ref=tiny-helpers">Go to CSS Triggers</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcssvalues.com%2F/medium/16:9/" alt="Screenshot of CSS values" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS values</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly find CSS property references</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/impressivewebs" class="no-underline" aria-label="impressivewebs on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=impressivewebs&size=40, /api/user-image/?user=impressivewebs&size=80 2x" src="/api/user-image/?user=impressivewebs" alt="GitHub profile image of impressivewebs" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://cssvalues.com/?ref=tiny-helpers">Go to CSS values</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fapps.workflower.fi%2Fvocabs%2Fcss%2Fen/medium/16:9/" alt="Screenshot of CSS vocabulary" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS vocabulary</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Learn what is what in CSS.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="http://apps.workflower.fi/vocabs/css/en?ref=tiny-helpers">Go to CSS vocabulary</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcss2js.dotenv.dev%2F/medium/16:9/" alt="Screenshot of CSS2JS" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">CSS2JS</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Transform between CSS, JS Objects and React props.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/SaraVieira" class="no-underline" aria-label="SaraVieira on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=SaraVieira&size=40, /api/user-image/?user=SaraVieira&size=80 2x" src="/api/user-image/?user=SaraVieira" alt="GitHub profile image of SaraVieira" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/nimobeeren" class="no-underline" aria-label="nimobeeren on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=nimobeeren&size=40, /api/user-image/?user=nimobeeren&size=80 2x" src="/api/user-image/?user=nimobeeren" alt="GitHub profile image of nimobeeren" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://css2js.dotenv.dev/?ref=tiny-helpers">Go to CSS2JS</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcss2sass.herokuapp.com%2F/medium/16:9/" alt="Screenshot of css2sass" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">css2sass</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Convert CSS to SASS/SCSS syntax</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jpablobr" class="no-underline" aria-label="jpablobr on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jpablobr&size=40, /api/user-image/?user=jpablobr&size=80 2x" src="/api/user-image/?user=jpablobr" alt="GitHub profile image of jpablobr" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://css2sass.herokuapp.com/?ref=tiny-helpers">Go to css2sass</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcubic-bezier.com/medium/16:9/" alt="Screenshot of cubic-bezier" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">cubic-bezier</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create and compare different animation bezier settings</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/LeaVerou" class="no-underline" aria-label="LeaVerou on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=LeaVerou&size=40, /api/user-image/?user=LeaVerou&size=80 2x" src="/api/user-image/?user=LeaVerou" alt="GitHub profile image of LeaVerou" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://cubic-bezier.com?ref=tiny-helpers">Go to cubic-bezier</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwebvitals.dev%2Fcls/medium/16:9/" alt="Screenshot of Cumulative Layout Shift Debugger" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Cumulative Layout Shift Debugger</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li><li class="margin-right-xs margin-bottom-s"><a href="/site-analyzers/" class="btn--bubble">Site analyzers</a></li></ul><p class="margin-top-s margin-bottom-m">Visualize the cumulative layout shifts of any webpage to identify improvements.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/fili" class="no-underline" aria-label="fili on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fili&size=40, /api/user-image/?user=fili&size=80 2x" src="/api/user-image/?user=fili" alt="GitHub profile image of fili" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://webvitals.dev/cls?ref=tiny-helpers">Go to Cumulative Layout Shift Debugger</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcurrenttimeutc.com%2F/medium/16:9/" alt="Screenshot of Current time utc - local time lookup" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Current time utc - local time lookup</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Lookup local times for any country, city, or time zone</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jairampatel" class="no-underline" aria-label="jairampatel on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jairampatel&size=40, /api/user-image/?user=jairampatel&size=80 2x" src="/api/user-image/?user=jairampatel" alt="GitHub profile image of jairampatel" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://currenttimeutc.com/?ref=tiny-helpers">Go to Current time utc - local time lookup</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fomatsuri.app%2Fpage-dividers/medium/16:9/" alt="Screenshot of Curved page deviders" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Curved page deviders</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create curved page deviders</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2020</div><a class="btn--full card-link margin-top-auto" href="https://omatsuri.app/page-dividers?ref=tiny-helpers">Go to Curved page deviders</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcss-generators.com%2Fcustom-borders%2F/medium/16:9/" alt="Screenshot of Custom Borders using Mask" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Custom Borders using Mask</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create custom and fancy CSS borders.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Afif13" class="no-underline" aria-label="Afif13 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Afif13&size=40, /api/user-image/?user=Afif13&size=80 2x" src="/api/user-image/?user=Afif13" alt="GitHub profile image of Afif13" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://css-generators.com/custom-borders/?ref=tiny-helpers">Go to Custom Borders using Mask</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.shapedivider.app%2F/medium/16:9/" alt="Screenshot of Custom Shape Dividers" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Custom Shape Dividers</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Export a beautiful shape devider</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.shapedivider.app/?ref=tiny-helpers">Go to Custom Shape Dividers</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcss-generators.com%2Fcustom-corners%2F/medium/16:9/" alt="Screenshot of Cut Corners using Mask & Clip-path" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Cut Corners using Mask & Clip-path</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Cut the corners of any element using custom shapes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Afif13" class="no-underline" aria-label="Afif13 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Afif13&size=40, /api/user-image/?user=Afif13&size=80 2x" src="/api/user-image/?user=Afif13" alt="GitHub profile image of Afif13" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://css-generators.com/custom-corners/?ref=tiny-helpers">Go to Cut Corners using Mask & Clip-path</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fakx.github.io%2Fd2d%2F/medium/16:9/" alt="Screenshot of d2d" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">d2d</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li></ul><p class="margin-top-s margin-bottom-m">Data and format conversion tool</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/akx" class="no-underline" aria-label="akx on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=akx&size=40, /api/user-image/?user=akx&size=80 2x" src="/api/user-image/?user=akx" alt="GitHub profile image of akx" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="http://akx.github.io/d2d/?ref=tiny-helpers">Go to d2d</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fkovart.github.io%2Fdashed-border-generator%2F/medium/16:9/" alt="Screenshot of Dashed/Dotted Border CSS Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Dashed/Dotted Border CSS Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create custom dashed/dotted borders using CSS hacks.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/kovart" class="no-underline" aria-label="kovart on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=kovart&size=40, /api/user-image/?user=kovart&size=80 2x" src="/api/user-image/?user=kovart" alt="GitHub profile image of kovart" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://kovart.github.io/dashed-border-generator/?ref=tiny-helpers">Go to Dashed/Dotted Border CSS Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdbdiagram.io%2Fhome/medium/16:9/" alt="Screenshot of dbdiagram.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">dbdiagram.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/database/" class="btn--bubble">Database</a></li></ul><p class="margin-top-s margin-bottom-m">Draw ER diagrams by just writing code.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/holistics" class="no-underline" aria-label="holistics on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=holistics&size=40, /api/user-image/?user=holistics&size=80 2x" src="/api/user-image/?user=holistics" alt="GitHub profile image of holistics" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://dbdiagram.io/home?ref=tiny-helpers">Go to dbdiagram.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.debugbear.com%2Ftest%2Fwebsite-speed/medium/16:9/" alt="Screenshot of DebugBear Speed Test" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">DebugBear Speed Test</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/site-analyzers/" class="btn--bubble">Site analyzers</a></li></ul><p class="margin-top-s margin-bottom-m">Measure and optimize page speed and Core Web Vitals.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/mattzeunert" class="no-underline" aria-label="mattzeunert on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mattzeunert&size=40, /api/user-image/?user=mattzeunert&size=80 2x" src="/api/user-image/?user=mattzeunert" alt="GitHub profile image of mattzeunert" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.debugbear.com/test/website-speed?ref=tiny-helpers">Go to DebugBear Speed Test</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftokens2css.nanools.com/medium/16:9/" alt="Screenshot of Design Token to CSS" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Design Token to CSS</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">Convert JSON design tokens to CSS custom properties and utility classes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/saneef" class="no-underline" aria-label="saneef on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=saneef&size=40, /api/user-image/?user=saneef&size=80 2x" src="/api/user-image/?user=saneef" alt="GitHub profile image of saneef" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://tokens2css.nanools.com?ref=tiny-helpers">Go to Design Token to CSS</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.designgradients.com/medium/16:9/" alt="Screenshot of designgradients" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">designgradients</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Find beautiful linear gradients.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><a class="btn--full card-link margin-top-auto" href="https://www.designgradients.com?ref=tiny-helpers">Go to designgradients</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdevfonts.gafi.dev%2F/medium/16:9/" alt="Screenshot of Dev Fonts" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Dev Fonts</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Find coding fonts</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Gaafar" class="no-underline" aria-label="Gaafar on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Gaafar&size=40, /api/user-image/?user=Gaafar&size=80 2x" src="/api/user-image/?user=Gaafar" alt="GitHub profile image of Gaafar" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://devfonts.gafi.dev/?ref=tiny-helpers">Go to Dev Fonts</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdeviceshots.com%2F/medium/16:9/" alt="Screenshot of Device Shots" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Device Shots</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Get high-resolution device mockups with your screenshots</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><a class="btn--full card-link margin-top-auto" href="https://deviceshots.com/?ref=tiny-helpers">Go to Device Shots</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdiff2gif.com%2F/medium/16:9/" alt="Screenshot of diff2gif" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">diff2gif</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Turn frames of code into a smooth animation.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/SirPepe" class="no-underline" aria-label="SirPepe on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=SirPepe&size=40, /api/user-image/?user=SirPepe&size=80 2x" src="/api/user-image/?user=SirPepe" alt="GitHub profile image of SirPepe" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://diff2gif.com/?ref=tiny-helpers">Go to diff2gif</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Floilo.github.io%2Fdiffr%2F/medium/16:9/" alt="Screenshot of Diffr" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Diffr</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Find differences between two pieces of text/code</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/loilo" class="no-underline" aria-label="loilo on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=loilo&size=40, /api/user-image/?user=loilo&size=80 2x" src="/api/user-image/?user=loilo" alt="GitHub profile image of loilo" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://loilo.github.io/diffr/?ref=tiny-helpers">Go to Diffr</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdigwebinterface.com%2F/medium/16:9/" alt="Screenshot of Dig Web Interface" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Dig Web Interface</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/http/" class="btn--bubble">HTTP</a></li><li class="margin-right-xs margin-bottom-s"><a href="/network/" class="btn--bubble">Network</a></li></ul><p class="margin-top-s margin-bottom-m">DNS resolution and web UI for the dig CLI</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/0xadada" class="no-underline" aria-label="0xadada on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=0xadada&size=40, /api/user-image/?user=0xadada&size=80 2x" src="/api/user-image/?user=0xadada" alt="GitHub profile image of 0xadada" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://digwebinterface.com/?ref=tiny-helpers">Go to Dig Web Interface</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdillinger.io%2F/medium/16:9/" alt="Screenshot of Dillinger" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Dillinger</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/markdown/" class="btn--bubble">Markdown</a></li></ul><p class="margin-top-s margin-bottom-m">Write and edit Markdown</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/joemccann" class="no-underline" aria-label="joemccann on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=joemccann&size=40, /api/user-image/?user=joemccann&size=80 2x" src="/api/user-image/?user=joemccann" alt="GitHub profile image of joemccann" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://dillinger.io/?ref=tiny-helpers">Go to Dillinger</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdimmy.club%2F/medium/16:9/" alt="Screenshot of Dimmy.club" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Dimmy.club</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create device mockups of your screenshots.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2021</div><a class="btn--full card-link margin-top-auto" href="https://dimmy.club/?ref=tiny-helpers">Go to Dimmy.club</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdisavowfile.com%2F/medium/16:9/" alt="Screenshot of Disavow File Testing Tool" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Disavow File Testing Tool</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/seo/" class="btn--bubble">SEO</a></li></ul><p class="margin-top-s margin-bottom-m">Analyzes the patterns in your disavow file, find common mistakes and correct them.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/fili" class="no-underline" aria-label="fili on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fili&size=40, /api/user-image/?user=fili&size=80 2x" src="/api/user-image/?user=fili" alt="GitHub profile image of fili" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://disavowfile.com/?ref=tiny-helpers">Go to Disavow File Testing Tool</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fditherit.com/medium/16:9/" alt="Screenshot of Dither it!" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Dither it!</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Dither images for style and performance</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/alexharris" class="no-underline" aria-label="alexharris on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=alexharris&size=40, /api/user-image/?user=alexharris&size=80 2x" src="/api/user-image/?user=alexharris" alt="GitHub profile image of alexharris" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://ditherit.com?ref=tiny-helpers">Go to Dither it!</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdoesitmutate.xyz%2F/medium/16:9/" alt="Screenshot of Does it mutate?" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Does it mutate?</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Get a comprehensive list of JavaScript array methods describing whether a given method mutates the original array or not.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/remy" class="no-underline" aria-label="remy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=remy&size=40, /api/user-image/?user=remy&size=80 2x" src="/api/user-image/?user=remy" alt="GitHub profile image of remy" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://doesitmutate.xyz/?ref=tiny-helpers">Go to Does it mutate?</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdoodad.dev%2Fpattern-generator%2F/medium/16:9/" alt="Screenshot of Doodad Pattern Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Doodad Pattern Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create unique, seamless and royalty-free patterns.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><a class="btn--full card-link margin-top-auto" href="https://doodad.dev/pattern-generator/?ref=tiny-helpers">Go to Doodad Pattern Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fkhushmeen.com%2Ficons.html/medium/16:9/" alt="Screenshot of Doodle Icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Doodle Icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find handcrafted icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2022</div><a class="btn--full card-link margin-top-auto" href="https://khushmeen.com/icons.html?ref=tiny-helpers">Go to Doodle Icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fduotones.co%2F/medium/16:9/" alt="Screenshot of doutones" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">doutones</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Create duotone image effects.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><a class="btn--full card-link margin-top-auto" href="https://duotones.co/?ref=tiny-helpers">Go to doutones</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdpi.lv%2F/medium/16:9/" alt="Screenshot of dpilove" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">dpilove</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Find out about your screens resolution</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/LeaVerou" class="no-underline" aria-label="LeaVerou on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=LeaVerou&size=40, /api/user-image/?user=LeaVerou&size=80 2x" src="/api/user-image/?user=LeaVerou" alt="GitHub profile image of LeaVerou" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://dpi.lv/?ref=tiny-helpers">Go to dpilove</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdraw.io/medium/16:9/" alt="Screenshot of draw.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">draw.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Draw and share UML, shemas and mockups</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><a class="btn--full card-link margin-top-auto" href="https://draw.io?ref=tiny-helpers">Go to draw.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.drmemes.com%2F/medium/16:9/" alt="Screenshot of DrMemes.com" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">DrMemes.com</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Generate memes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2021</div><a class="btn--full card-link margin-top-auto" href="https://www.drmemes.com/?ref=tiny-helpers">Go to DrMemes.com</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdropmail.me%2F/medium/16:9/" alt="Screenshot of Dropmail" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Dropmail</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/email/" class="btn--bubble">Email</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create a disposable email address</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2020</div><a class="btn--full card-link margin-top-auto" href="https://dropmail.me/?ref=tiny-helpers">Go to Dropmail</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Flarsenwork.com%2Feasing-gradients%2F%23editor/medium/16:9/" alt="Screenshot of Easing gradients" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Easing gradients</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create and preview your own easing gradients in CSS.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/larsenwork" class="no-underline" aria-label="larsenwork on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=larsenwork&size=40, /api/user-image/?user=larsenwork&size=80 2x" src="/api/user-image/?user=larsenwork" alt="GitHub profile image of larsenwork" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://larsenwork.com/easing-gradients/#editor?ref=tiny-helpers">Go to Easing gradients</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Feasings.netlify.com/medium/16:9/" alt="Screenshot of Easings" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Easings</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Preview and copy CSS easing curves</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jmegs" class="no-underline" aria-label="jmegs on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jmegs&size=40, /api/user-image/?user=jmegs&size=80 2x" src="/api/user-image/?user=jmegs" alt="GitHub profile image of jmegs" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://easings.netlify.com?ref=tiny-helpers">Go to Easings</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Feasings.co%2F/medium/16:9/" alt="Screenshot of easings.go" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">easings.go</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Test common easing curves on a range of interfaces</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><a class="btn--full card-link margin-top-auto" href="https://easings.co/?ref=tiny-helpers">Go to easings.go</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Feasings.net%2F/medium/16:9/" alt="Screenshot of easings.net" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">easings.net</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Find and pick the right easing function</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/ai" class="no-underline" aria-label="ai on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ai&size=40, /api/user-image/?user=ai&size=80 2x" src="/api/user-image/?user=ai" alt="GitHub profile image of ai" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://easings.net/?ref=tiny-helpers">Go to easings.net</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Feasycolour.app%2F/medium/16:9/" alt="Screenshot of Easy Colour" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Easy Colour</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Convert colors into different formats</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/imkieransmith" class="no-underline" aria-label="imkieransmith on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=imkieransmith&size=40, /api/user-image/?user=imkieransmith&size=80 2x" src="/api/user-image/?user=imkieransmith" alt="GitHub profile image of imkieransmith" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://easycolour.app/?ref=tiny-helpers">Go to Easy Colour</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Feasyeasings.mauri.app/medium/16:9/" alt="Screenshot of Easy Easings" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Easy Easings</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create easings with keyframes animations that can't be done with cubic-bezier in css</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/mauriciabad" class="no-underline" aria-label="mauriciabad on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mauriciabad&size=40, /api/user-image/?user=mauriciabad&size=80 2x" src="/api/user-image/?user=mauriciabad" alt="GitHub profile image of mauriciabad" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://easyeasings.mauri.app?ref=tiny-helpers">Go to Easy Easings</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgearside.com%2Futm%2F/medium/16:9/" alt="Screenshot of Easy UTM Tag Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Easy UTM Tag Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Easily create UTM tags for your campaign URLs</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/chrisblakley" class="no-underline" aria-label="chrisblakley on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=chrisblakley&size=40, /api/user-image/?user=chrisblakley&size=80 2x" src="/api/user-image/?user=chrisblakley" alt="GitHub profile image of chrisblakley" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://gearside.com/utm/?ref=tiny-helpers">Go to Easy UTM Tag Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fedit.photo%2F/medium/16:9/" alt="Screenshot of Edit Photo" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Edit Photo</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Edit images and photos in your browser.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><a class="btn--full card-link margin-top-auto" href="https://edit.photo/?ref=tiny-helpers">Go to Edit Photo</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcontrast-grid.eightshapes.com%2F/medium/16:9/" alt="Screenshot of Eightshapes Contrast Grid" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Eightshapes Contrast Grid</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/kevinmpowell" class="no-underline" aria-label="kevinmpowell on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=kevinmpowell&size=40, /api/user-image/?user=kevinmpowell&size=80 2x" src="/api/user-image/?user=kevinmpowell" alt="GitHub profile image of kevinmpowell" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/nathanacurtis" class="no-underline" aria-label="nathanacurtis on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=nathanacurtis&size=40, /api/user-image/?user=nathanacurtis&size=80 2x" src="/api/user-image/?user=nathanacurtis" alt="GitHub profile image of nathanacurtis" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://contrast-grid.eightshapes.com/?ref=tiny-helpers">Go to Eightshapes Contrast Grid</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Femail.ml%2F/medium/16:9/" alt="Screenshot of Email.ML" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Email.ML</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/email/" class="btn--bubble">Email</a></li></ul><p class="margin-top-s margin-bottom-m">Generate temporary emails.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/ccbikai" class="no-underline" aria-label="ccbikai on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ccbikai&size=40, /api/user-image/?user=ccbikai&size=80 2x" src="/api/user-image/?user=ccbikai" alt="GitHub profile image of ccbikai" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://email.ml/?ref=tiny-helpers">Go to Email.ML</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Famio.github.io%2Fembedded-google-fonts%2F/medium/16:9/" alt="Screenshot of Embedded Google Fonts" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Embedded Google Fonts</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Embed base64 encoded google fonts into css.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/amio" class="no-underline" aria-label="amio on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=amio&size=40, /api/user-image/?user=amio&size=80 2x" src="/api/user-image/?user=amio" alt="GitHub profile image of amio" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://amio.github.io/embedded-google-fonts/?ref=tiny-helpers">Go to Embedded Google Fonts</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fempathyprompts.net%2F/medium/16:9/" alt="Screenshot of empathyprompts" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">empathyprompts</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li></ul><p class="margin-top-s margin-bottom-m">Get ideas to help consider inclusive design principles.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/ericwbailey" class="no-underline" aria-label="ericwbailey on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ericwbailey&size=40, /api/user-image/?user=ericwbailey&size=80 2x" src="/api/user-image/?user=ericwbailey" alt="GitHub profile image of ericwbailey" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://empathyprompts.net/?ref=tiny-helpers">Go to empathyprompts</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fesbench.com%2F/medium/16:9/" alt="Screenshot of ESBench" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ESBench</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Create shareable JavaScript benchmarks</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2020</div><a class="btn--full card-link margin-top-auto" href="https://esbench.com/?ref=tiny-helpers">Go to ESBench</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fexplorer.eslint.org%2F/medium/16:9/" alt="Screenshot of ESLint Code Explorer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ESLint Code Explorer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Explore ASTs for JavaScript, Markdown and JSON.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2024</div><a class="btn--full card-link margin-top-auto" href="https://explorer.eslint.org/?ref=tiny-helpers">Go to ESLint Code Explorer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Festimator.dev%2F/medium/16:9/" alt="Screenshot of EStimator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">EStimator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Find out how much data you could save with modern JavaScript</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2020</div><a class="btn--full card-link margin-top-auto" href="https://estimator.dev/?ref=tiny-helpers">Go to EStimator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fakveo.github.io%2Feva-icons%2F/medium/16:9/" alt="Screenshot of Eva Icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Eva Icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find open source icons</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/akveo" class="no-underline" aria-label="akveo on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=akveo&size=40, /api/user-image/?user=akveo&size=80 2x" src="/api/user-image/?user=akveo" alt="GitHub profile image of akveo" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://akveo.github.io/eva-icons/?ref=tiny-helpers">Go to Eva Icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fexcalidraw.com%2F/medium/16:9/" alt="Screenshot of ExcaliDraw" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ExcaliDraw</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create hand-drawn-like diagrams.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2024</div><a class="btn--full card-link margin-top-auto" href="https://excalidraw.com/?ref=tiny-helpers">Go to ExcaliDraw</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fexplainshell.com%2F/medium/16:9/" alt="Screenshot of Explain Shell" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Explain Shell</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/command-line/" class="btn--bubble">Command line</a></li></ul><p class="margin-top-s margin-bottom-m">Write down a command-line to see the help text that matches each argument</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/idank" class="no-underline" aria-label="idank on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=idank&size=40, /api/user-image/?user=idank&size=80 2x" src="/api/user-image/?user=idank" alt="GitHub profile image of idank" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://explainshell.com/?ref=tiny-helpers">Go to Explain Shell</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fextendsclass.com%2Fregex-tester.html/medium/16:9/" alt="Screenshot of ExtendsClass" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ExtendsClass</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li></ul><p class="margin-top-s margin-bottom-m">View, build, & test Regular Expressions</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/cyrilbois" class="no-underline" aria-label="cyrilbois on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=cyrilbois&size=40, /api/user-image/?user=cyrilbois&size=80 2x" src="/api/user-image/?user=cyrilbois" alt="GitHub profile image of cyrilbois" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://extendsclass.com/regex-tester.html?ref=tiny-helpers">Go to ExtendsClass</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftinywow.com%2Fpdf%2Fextract-img/medium/16:9/" alt="Screenshot of Extract images from PDF" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Extract images from PDF</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/pdf/" class="btn--bubble">PDF</a></li></ul><p class="margin-top-s margin-bottom-m">Download the Images from a PDF</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><a class="btn--full card-link margin-top-auto" href="https://tinywow.com/pdf/extract-img?ref=tiny-helpers">Go to Extract images from PDF</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fextract.pics%2F/medium/16:9/" alt="Screenshot of extract.pics" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">extract.pics</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Download images from any public website</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><a class="btn--full card-link margin-top-auto" href="https://extract.pics/?ref=tiny-helpers">Go to extract.pics</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fextractcss.com%2F/medium/16:9/" alt="Screenshot of extractCSS" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">extractCSS</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li></ul><p class="margin-top-s margin-bottom-m">Extract CSS from HTML with ease</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/adnantopal" class="no-underline" aria-label="adnantopal on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=adnantopal&size=40, /api/user-image/?user=adnantopal&size=80 2x" src="/api/user-image/?user=adnantopal" alt="GitHub profile image of adnantopal" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="http://extractcss.com/?ref=tiny-helpers">Go to extractCSS</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffaicons.dev%2F/medium/16:9/" alt="Screenshot of FA Icons.dev" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">FA Icons.dev</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Click-to-copy inline SVG for Font-Awsome Icons</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Daronspence" class="no-underline" aria-label="Daronspence on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Daronspence&size=40, /api/user-image/?user=Daronspence&size=80 2x" src="/api/user-image/?user=Daronspence" alt="GitHub profile image of Daronspence" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://faicons.dev/?ref=tiny-helpers">Go to FA Icons.dev</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffindfb.id%2F/medium/16:9/" alt="Screenshot of Facebook ID Finder" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Facebook ID Finder</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Determine the Facebook ID from any Facebook Page/Profile/Group URL.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/elharony" class="no-underline" aria-label="elharony on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=elharony&size=40, /api/user-image/?user=elharony&size=80 2x" src="/api/user-image/?user=elharony" alt="GitHub profile image of elharony" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://findfb.id/?ref=tiny-helpers">Go to Facebook ID Finder</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fscreenspan.net%2Ffallback/medium/16:9/" alt="Screenshot of Fallback Font Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Fallback Font Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Adjust web and system fonts to reduce layout shifts</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2022</div><a class="btn--full card-link margin-top-auto" href="https://screenspan.net/fallback?ref=tiny-helpers">Go to Fallback Font Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffancytextdecorator.com%2F/medium/16:9/" alt="Screenshot of Fancy Text Decorator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Fancy Text Decorator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li><li class="margin-right-xs margin-bottom-s"><a href="/typography/" class="btn--bubble">Typography</a></li></ul><p class="margin-top-s margin-bottom-m">Find various text-only effects</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2020</div><a class="btn--full card-link margin-top-auto" href="https://fancytextdecorator.com/?ref=tiny-helpers">Go to Fancy Text Decorator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2F9elements.github.io%2Ffancy-border-radius%2F/medium/16:9/" alt="Screenshot of Fancy-Border-Radius" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Fancy-Border-Radius</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Build organic shapes with CSS border-radius</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/enbee81" class="no-underline" aria-label="enbee81 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=enbee81&size=40, /api/user-image/?user=enbee81&size=80 2x" src="/api/user-image/?user=enbee81" alt="GitHub profile image of enbee81" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://9elements.github.io/fancy-border-radius/?ref=tiny-helpers">Go to Fancy-Border-Radius</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.favicon-generator.org%2F/medium/16:9/" alt="Screenshot of Favicon & App Icon Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Favicon & App Icon Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/favicons/" class="btn--bubble">Favicons</a></li></ul><p class="margin-top-s margin-bottom-m">Generate favicons and app icons</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.favicon-generator.org/?ref=tiny-helpers">Go to Favicon & App Icon Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Frealfavicongenerator.net%2F/medium/16:9/" alt="Screenshot of Favicon Generator. For real." width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Favicon Generator. For real.</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/favicons/" class="btn--bubble">Favicons</a></li></ul><p class="margin-top-s margin-bottom-m">Generate favicons for all platforms</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><a class="btn--full card-link margin-top-auto" href="https://realfavicongenerator.net/?ref=tiny-helpers">Go to Favicon Generator. For real.</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffavicon.io%2F/medium/16:9/" alt="Screenshot of favicon.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">favicon.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/favicons/" class="btn--bubble">Favicons</a></li></ul><p class="margin-top-s margin-bottom-m">Create a facivon in a few clicks</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><a class="btn--full card-link margin-top-auto" href="https://favicon.io/?ref=tiny-helpers">Go to favicon.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffeathericons.com%2F/medium/16:9/" alt="Screenshot of Feather Icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Feather Icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find simply beautiful open source icons</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><a class="btn--full card-link margin-top-auto" href="https://feathericons.com/?ref=tiny-helpers">Go to Feather Icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmeodai.github.io%2Ffettepalette%2F/medium/16:9/" alt="Screenshot of FettePalette" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">FettePalette</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate color ramps based on a curve within the HSV color model.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/meodai" class="no-underline" aria-label="meodai on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=meodai&size=40, /api/user-image/?user=meodai&size=80 2x" src="/api/user-image/?user=meodai" alt="GitHub profile image of meodai" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://meodai.github.io/fettepalette/?ref=tiny-helpers">Go to FettePalette</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffffuel.co%2Fffflux%2F/medium/16:9/" alt="Screenshot of ffflux" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ffflux</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Generate fluid SVG backgrounds.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2021</div><a class="btn--full card-link margin-top-auto" href="https://fffuel.co/ffflux/?ref=tiny-helpers">Go to ffflux</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fevanhahn.github.io%2Fffmpeg-buddy%2F/medium/16:9/" alt="Screenshot of ffmpeg buddy" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ffmpeg buddy</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/videos/" class="btn--bubble">Videos</a></li></ul><p class="margin-top-s margin-bottom-m">Build ffmpeg commands.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/evanhahn" class="no-underline" aria-label="evanhahn on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=evanhahn&size=40, /api/user-image/?user=evanhahn&size=80 2x" src="/api/user-image/?user=evanhahn" alt="GitHub profile image of evanhahn" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://evanhahn.github.io/ffmpeg-buddy/?ref=tiny-helpers">Go to ffmpeg buddy</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fffmpeg.app%2F/medium/16:9/" alt="Screenshot of ffmpeg.app" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ffmpeg.app</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/videos/" class="btn--bubble">Videos</a></li></ul><p class="margin-top-s margin-bottom-m">Run and understand FFmpeg commands right in the browser.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/zeh" class="no-underline" aria-label="zeh on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=zeh&size=40, /api/user-image/?user=zeh&size=80 2x" src="/api/user-image/?user=zeh" alt="GitHub profile image of zeh" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://ffmpeg.app/?ref=tiny-helpers">Go to ffmpeg.app</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffilewatch.net/medium/16:9/" alt="Screenshot of Filewatch" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Filewatch</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Find your public files, before someone else does</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/alexcason" class="no-underline" aria-label="alexcason on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=alexcason&size=40, /api/user-image/?user=alexcason&size=80 2x" src="/api/user-image/?user=alexcason" alt="GitHub profile image of alexcason" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://filewatch.net?ref=tiny-helpers">Go to Filewatch</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Filyashubin.github.io%2FFilterBlend%2F/medium/16:9/" alt="Screenshot of Filter blend" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Filter blend</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Play around with CSS blend modes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/ilyashubin" class="no-underline" aria-label="ilyashubin on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ilyashubin&size=40, /api/user-image/?user=ilyashubin&size=80 2x" src="/api/user-image/?user=ilyashubin" alt="GitHub profile image of ilyashubin" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://ilyashubin.github.io/FilterBlend/?ref=tiny-helpers">Go to Filter blend</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdarekkay.com%2Fdev%2Fflexbox-cheatsheet.html/medium/16:9/" alt="Screenshot of Flexbox Cheatsheet" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Flexbox Cheatsheet</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Get a graphical overview of the CSS flexible box layout properties</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/darekkay" class="no-underline" aria-label="darekkay on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=darekkay&size=40, /api/user-image/?user=darekkay&size=80 2x" src="/api/user-image/?user=darekkay" alt="GitHub profile image of darekkay" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://darekkay.com/dev/flexbox-cheatsheet.html?ref=tiny-helpers">Go to Flexbox Cheatsheet</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fflexbox.tech/medium/16:9/" alt="Screenshot of Flexbox Playground" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Flexbox Playground</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Visually explore building out any flexbox layout and view generated HTML/CSS markup</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/mikemcbride" class="no-underline" aria-label="mikemcbride on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mikemcbride&size=40, /api/user-image/?user=mikemcbride&size=80 2x" src="/api/user-image/?user=mikemcbride" alt="GitHub profile image of mikemcbride" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://flexbox.tech?ref=tiny-helpers">Go to Flexbox Playground</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.flexulator.com/medium/16:9/" alt="Screenshot of flexulator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">flexulator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Understand how the flexbox spacing formula works right in the browser</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/telagraphic" class="no-underline" aria-label="telagraphic on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=telagraphic&size=40, /api/user-image/?user=telagraphic&size=80 2x" src="/api/user-image/?user=telagraphic" alt="GitHub profile image of telagraphic" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.flexulator.com?ref=tiny-helpers">Go to flexulator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fthe-echoplex.net%2Fflexyboxes%2F/medium/16:9/" alt="Screenshot of Flexy Boxes" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Flexy Boxes</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Play with flexbox and generate code</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/peteboere" class="no-underline" aria-label="peteboere on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=peteboere&size=40, /api/user-image/?user=peteboere&size=80 2x" src="/api/user-image/?user=peteboere" alt="GitHub profile image of peteboere" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://the-echoplex.net/flexyboxes/?ref=tiny-helpers">Go to Flexy Boxes</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.fluid-type-scale.com%2F/medium/16:9/" alt="Screenshot of Fluid Type Scale Calculator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Fluid Type Scale Calculator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/typography/" class="btn--bubble">Typography</a></li></ul><p class="margin-top-s margin-bottom-m">Generate font size variables for a fluid type scale with CSS clamp.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/AleksandrHovhannisyan" class="no-underline" aria-label="AleksandrHovhannisyan on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=AleksandrHovhannisyan&size=40, /api/user-image/?user=AleksandrHovhannisyan&size=80 2x" src="/api/user-image/?user=AleksandrHovhannisyan" alt="GitHub profile image of AleksandrHovhannisyan" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.fluid-type-scale.com/?ref=tiny-helpers">Go to Fluid Type Scale Calculator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftools.sohail-saha.in%2Ffluid-modular-type-scale-generator/medium/16:9/" alt="Screenshot of Fluid-Modular Type-scale Generator (CSS)" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Fluid-Modular Type-scale Generator (CSS)</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li><li class="margin-right-xs margin-bottom-s"><a href="/typography/" class="btn--bubble">Typography</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly generate the CSS boilerplate of your design system using the concept of 'Fluid-Modular Type scale'.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/captain-woof" class="no-underline" aria-label="captain-woof on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=captain-woof&size=40, /api/user-image/?user=captain-woof&size=80 2x" src="/api/user-image/?user=captain-woof" alt="GitHub profile image of captain-woof" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://tools.sohail-saha.in/fluid-modular-type-scale-generator?ref=tiny-helpers">Go to Fluid-Modular Type-scale Generator (CSS)</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffontflipper.com%2F/medium/16:9/" alt="Screenshot of Font Flipper" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Font Flipper</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Preview Google Fonts on top of your own designs.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><a class="btn--full card-link margin-top-auto" href="https://fontflipper.com/?ref=tiny-helpers">Go to Font Flipper</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.fontsquirrel.com%2Ftools%2Fwebfont-generator/medium/16:9/" alt="Screenshot of Font Squirrel Webfont Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Font Squirrel Webfont Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Modify, improve, trim, change and export your fonts in modern formats</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.fontsquirrel.com/tools/webfont-generator?ref=tiny-helpers">Go to Font Squirrel Webfont Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmeowni.ca%2Ffont-style-matcher%2F/medium/16:9/" alt="Screenshot of Font style matcher" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Font style matcher</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li><li class="margin-right-xs margin-bottom-s"><a href="/typography/" class="btn--bubble">Typography</a></li></ul><p class="margin-top-s margin-bottom-m">Matches the x-heights and widths of two fonts (webfont and fallback font)</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/notwaldorf" class="no-underline" aria-label="notwaldorf on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=notwaldorf&size=40, /api/user-image/?user=notwaldorf&size=80 2x" src="/api/user-image/?user=notwaldorf" alt="GitHub profile image of notwaldorf" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://meowni.ca/font-style-matcher/?ref=tiny-helpers">Go to Font style matcher</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Feverythingfonts.com%2Fsubsetter/medium/16:9/" alt="Screenshot of Font Subsetter" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Font Subsetter</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Embed only the characters you need in a font file.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2021</div><a class="btn--full card-link margin-top-auto" href="https://everythingfonts.com/subsetter?ref=tiny-helpers">Go to Font Subsetter</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffontdrop.info%2F/medium/16:9/" alt="Screenshot of FontDrop!" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">FontDrop!</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">View the content of a font file</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/raphaelbastide" class="no-underline" aria-label="raphaelbastide on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=raphaelbastide&size=40, /api/user-image/?user=raphaelbastide&size=80 2x" src="/api/user-image/?user=raphaelbastide" alt="GitHub profile image of raphaelbastide" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://fontdrop.info/?ref=tiny-helpers">Go to FontDrop!</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.fontfacer.io%2F/medium/16:9/" alt="Screenshot of Fontfacer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Fontfacer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Transform your font files into CSS font rules.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/pedrorolando" class="no-underline" aria-label="pedrorolando on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pedrorolando&size=40, /api/user-image/?user=pedrorolando&size=80 2x" src="/api/user-image/?user=pedrorolando" alt="GitHub profile image of pedrorolando" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.fontfacer.io/?ref=tiny-helpers">Go to Fontfacer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffontjoy.com%2F/medium/16:9/" alt="Screenshot of Fontjoy" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Fontjoy</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Generate font pairings</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Jack000" class="no-underline" aria-label="Jack000 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Jack000&size=40, /api/user-image/?user=Jack000&size=80 2x" src="/api/user-image/?user=Jack000" alt="GitHub profile image of Jack000" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://fontjoy.com/?ref=tiny-helpers">Go to Fontjoy</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.fontpair.co%2Fall/medium/16:9/" alt="Screenshot of fontpair" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">fontpair</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Find free Google Font pairings to use for your next project.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2024</div><a class="btn--full card-link margin-top-auto" href="https://www.fontpair.co/all?ref=tiny-helpers">Go to fontpair</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffontsource.org%2F/medium/16:9/" alt="Screenshot of Fontsource" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Fontsource</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Find self-hostable Open Source fonts.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2024</div><a class="btn--full card-link margin-top-auto" href="https://fontsource.org/?ref=tiny-helpers">Go to Fontsource</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffonty.io%2F/medium/16:9/" alt="Screenshot of Fonty.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Fonty.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Analyze the fonts used on a site.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2023</div><a class="btn--full card-link margin-top-auto" href="https://fonty.io/?ref=tiny-helpers">Go to Fonty.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fformatjson.com/medium/16:9/" alt="Screenshot of Format JSON" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Format JSON</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">Format and compare two JSON files</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/srmeyers" class="no-underline" aria-label="srmeyers on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=srmeyers&size=40, /api/user-image/?user=srmeyers&size=80 2x" src="/api/user-image/?user=srmeyers" alt="GitHub profile image of srmeyers" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://formatjson.com?ref=tiny-helpers">Go to Format JSON</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffrontenddogma.com%2Ftools%2Fcheck%2F/medium/16:9/" alt="Screenshot of Frontend Dogma Site Check" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Frontend Dogma Site Check</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/site-analyzers/" class="btn--bubble">Site analyzers</a></li></ul><p class="margin-top-s margin-bottom-m">Test websites in more than 90 tools (web-based and free)</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/j9t" class="no-underline" aria-label="j9t on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=j9t&size=40, /api/user-image/?user=j9t&size=80 2x" src="/api/user-image/?user=j9t" alt="GitHub profile image of j9t" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://frontenddogma.com/tools/check/?ref=tiny-helpers">Go to Frontend Dogma Site Check</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgeneratedata.com%2F/medium/16:9/" alt="Screenshot of generatedata" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">generatedata</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/generated-data/" class="btn--bubble">Generated Data</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly generate large volumes of custom data in a variety of formats</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/benkeen" class="no-underline" aria-label="benkeen on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=benkeen&size=40, /api/user-image/?user=benkeen&size=80 2x" src="/api/user-image/?user=benkeen" alt="GitHub profile image of benkeen" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://generatedata.com/?ref=tiny-helpers">Go to generatedata</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgeneratewp.com%2F/medium/16:9/" alt="Screenshot of GenerateWP.com" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">GenerateWP.com</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">User friendly tools for WordPress developers.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/fili" class="no-underline" aria-label="fili on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fili&size=40, /api/user-image/?user=fili&size=80 2x" src="/api/user-image/?user=fili" alt="GitHub profile image of fili" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://generatewp.com/?ref=tiny-helpers">Go to GenerateWP.com</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgenerative-placeholders.glitch.me/medium/16:9/" alt="Screenshot of Generative Placeholders" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Generative Placeholders</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Use generative art as your image placeholders.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/stefanbohacek" class="no-underline" aria-label="stefanbohacek on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=stefanbohacek&size=40, /api/user-image/?user=stefanbohacek&size=80 2x" src="/api/user-image/?user=stefanbohacek" alt="GitHub profile image of stefanbohacek" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://generative-placeholders.glitch.me?ref=tiny-helpers">Go to Generative Placeholders</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fgeojson.io%2F/medium/16:9/" alt="Screenshot of GeoJSON.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">GeoJSON.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Edit map JSON data</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/mapbox" class="no-underline" aria-label="mapbox on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mapbox&size=40, /api/user-image/?user=mapbox&size=80 2x" src="/api/user-image/?user=mapbox" alt="GitHub profile image of mapbox" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/tmcw" class="no-underline" aria-label="tmcw on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=tmcw&size=40, /api/user-image/?user=tmcw&size=80 2x" src="/api/user-image/?user=tmcw" alt="GitHub profile image of tmcw" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="http://geojson.io/?ref=tiny-helpers">Go to GeoJSON.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgetwaves.io%2F/medium/16:9/" alt="Screenshot of GetWaves.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">GetWaves.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Generate SVG waves for your next design.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><a class="btn--full card-link margin-top-auto" href="https://getwaves.io/?ref=tiny-helpers">Go to GetWaves.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgifcap.dev/medium/16:9/" alt="Screenshot of gifcap.dev" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">gifcap.dev</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/videos/" class="btn--bubble">Videos</a></li></ul><p class="margin-top-s margin-bottom-m">Capture a video of your screen, create a screencast and export as a Gif.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/joaomoreno" class="no-underline" aria-label="joaomoreno on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=joaomoreno&size=40, /api/user-image/?user=joaomoreno&size=80 2x" src="/api/user-image/?user=joaomoreno" alt="GitHub profile image of joaomoreno" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://gifcap.dev?ref=tiny-helpers">Go to gifcap.dev</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.gitignore.io%2F/medium/16:9/" alt="Screenshot of gitignore.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">gitignore.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/command-line/" class="btn--bubble">Command line</a></li><li class="margin-right-xs margin-bottom-s"><a href="/git/" class="btn--bubble">git</a></li></ul><p class="margin-top-s margin-bottom-m">Create useful .gitignore files for your project</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.gitignore.io/?ref=tiny-helpers">Go to gitignore.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fui.glass%2Fgenerator%2F/medium/16:9/" alt="Screenshot of Glassmorphism CSS Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Glassmorphism CSS Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create a "blurry"" glas background effect.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2021</div><a class="btn--full card-link margin-top-auto" href="https://ui.glass/generator/?ref=tiny-helpers">Go to Glassmorphism CSS Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fglobster.xyz%2F/medium/16:9/" alt="Screenshot of globster" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">globster</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/command-line/" class="btn--bubble">Command line</a></li></ul><p class="margin-top-s margin-bottom-m">Test and visualize results of glob patterns matching.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2022</div><a class="btn--full card-link margin-top-auto" href="https://globster.xyz/?ref=tiny-helpers">Go to globster</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fglyphs.fyi%2F/medium/16:9/" alt="Screenshot of glyphs.fyi" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">glyphs.fyi</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find open source icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/gorango" class="no-underline" aria-label="gorango on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=gorango&size=40, /api/user-image/?user=gorango&size=80 2x" src="/api/user-image/?user=gorango" alt="GitHub profile image of gorango" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://glyphs.fyi/?ref=tiny-helpers">Go to glyphs.fyi</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsed.js.org%2Findex.html/medium/16:9/" alt="Screenshot of GNU sed REPL" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">GNU sed REPL</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/command-line/" class="btn--bubble">Command line</a></li></ul><p class="margin-top-s margin-bottom-m">Write and test sed expressions</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><a class="btn--full card-link margin-top-auto" href="https://sed.js.org/index.html?ref=tiny-helpers">Go to GNU sed REPL</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fplay.golang.org%2F/medium/16:9/" alt="Screenshot of Go Playground" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Go Playground</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Play around with Go.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://play.golang.org/?ref=tiny-helpers">Go to Go Playground</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgoodpalette.io%2F/medium/16:9/" alt="Screenshot of Goodpalette" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Goodpalette</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Make beautiful color palettes for UI.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/manutastic" class="no-underline" aria-label="manutastic on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=manutastic&size=40, /api/user-image/?user=manutastic&size=80 2x" src="/api/user-image/?user=manutastic" alt="GitHub profile image of manutastic" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://goodpalette.io/?ref=tiny-helpers">Go to Goodpalette</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgoofonts.com%2F/medium/16:9/" alt="Screenshot of GooFonts" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">GooFonts</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Search tagged Google Fonts</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/pehaa" class="no-underline" aria-label="pehaa on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pehaa&size=40, /api/user-image/?user=pehaa&size=80 2x" src="/api/user-image/?user=pehaa" alt="GitHub profile image of pehaa" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://goofonts.com/?ref=tiny-helpers">Go to GooFonts</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdanmarshall.github.io%2Fgoogle-font-to-svg-path%2F/medium/16:9/" alt="Screenshot of Google font to SVG path" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Google font to SVG path</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create SVGs paths from a Google font</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/danmarshall" class="no-underline" aria-label="danmarshall on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=danmarshall&size=40, /api/user-image/?user=danmarshall&size=80 2x" src="/api/user-image/?user=danmarshall" alt="GitHub profile image of danmarshall" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://danmarshall.github.io/google-font-to-svg-path/?ref=tiny-helpers">Go to Google font to SVG path</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsearch.google.com%2Ftest%2Frich-results/medium/16:9/" alt="Screenshot of Google Rich Results Test" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Google Rich Results Test</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/seo/" class="btn--bubble">SEO</a></li></ul><p class="margin-top-s margin-bottom-m">Check if your page supports Google's rich results</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><a class="btn--full card-link margin-top-auto" href="https://search.google.com/test/rich-results?ref=tiny-helpers">Go to Google Rich Results Test</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.seowl.co%2Ftitle-rewrite-checker%2F/medium/16:9/" alt="Screenshot of Google Title Rewrite Checker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Google Title Rewrite Checker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/seo/" class="btn--bubble">SEO</a></li></ul><p class="margin-top-s margin-bottom-m">Check if Google is rewriting the titles of your sites.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://www.seowl.co/title-rewrite-checker/?ref=tiny-helpers">Go to Google Title Rewrite Checker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgwfh.mranftl.com%2Ffonts/medium/16:9/" alt="Screenshot of google-webfonts-helper" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">google-webfonts-helper</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Download and selfhost Google fonts.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/majodev" class="no-underline" aria-label="majodev on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=majodev&size=40, /api/user-image/?user=majodev&size=80 2x" src="/api/user-image/?user=majodev" alt="GitHub profile image of majodev" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://gwfh.mranftl.com/fonts?ref=tiny-helpers">Go to google-webfonts-helper</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fseoapi.com%2Fgooglebot%2F/medium/16:9/" alt="Screenshot of Googlebot API" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Googlebot API</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/seo/" class="btn--bubble">SEO</a></li></ul><p class="margin-top-s margin-bottom-m">Check if an IP address is officially used by Googlebot to crawl the web.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/fili" class="no-underline" aria-label="fili on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fili&size=40, /api/user-image/?user=fili&size=80 2x" src="/api/user-image/?user=fili" alt="GitHub profile image of fili" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://seoapi.com/googlebot/?ref=tiny-helpers">Go to Googlebot API</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.grabient.com%2F/medium/16:9/" alt="Screenshot of Grabient" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Grabient</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Generate linear gradients</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/johnkorzhuk" class="no-underline" aria-label="johnkorzhuk on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=johnkorzhuk&size=40, /api/user-image/?user=johnkorzhuk&size=80 2x" src="/api/user-image/?user=johnkorzhuk" alt="GitHub profile image of johnkorzhuk" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.grabient.com/?ref=tiny-helpers">Go to Grabient</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgradejs.com/medium/16:9/" alt="Screenshot of GradeJS" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">GradeJS</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li><li class="margin-right-xs margin-bottom-s"><a href="/site-analyzers/" class="btn--bubble">Site analyzers</a></li></ul><p class="margin-top-s margin-bottom-m">Analyze production Webpack bundles and see vulnerabilities, outdated packages, and more just by entering a web application URL.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/spalt08" class="no-underline" aria-label="spalt08 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=spalt08&size=40, /api/user-image/?user=spalt08&size=80 2x" src="/api/user-image/?user=spalt08" alt="GitHub profile image of spalt08" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://gradejs.com?ref=tiny-helpers">Go to GradeJS</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcss-generators.com%2Fgradient-shadows%2F/medium/16:9/" alt="Screenshot of Gradient CSS Shadow Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Gradient CSS Shadow Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create gradient CSS shadows with transparent parent element.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Afif13" class="no-underline" aria-label="Afif13 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Afif13&size=40, /api/user-image/?user=Afif13&size=80 2x" src="/api/user-image/?user=Afif13" alt="GitHub profile image of Afif13" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://css-generators.com/gradient-shadows/?ref=tiny-helpers">Go to Gradient CSS Shadow Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.joshwcomeau.com%2Fgradient-generator%2F/medium/16:9/" alt="Screenshot of Gradient Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Gradient Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Create CSS gradients.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><a class="btn--full card-link margin-top-auto" href="https://www.joshwcomeau.com/gradient-generator/?ref=tiny-helpers">Go to Gradient Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.cssgradienttext.com%2F/medium/16:9/" alt="Screenshot of Gradient Text Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Gradient Text Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create CSS text gradients</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2022</div><a class="btn--full card-link margin-top-auto" href="https://www.cssgradienttext.com/?ref=tiny-helpers">Go to Gradient Text Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.gradientos.app/medium/16:9/" alt="Screenshot of Gradientos" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Gradientos</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Find and test gradients easily</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/henripar" class="no-underline" aria-label="henripar on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=henripar&size=40, /api/user-image/?user=henripar&size=80 2x" src="/api/user-image/?user=henripar" alt="GitHub profile image of henripar" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.gradientos.app?ref=tiny-helpers">Go to Gradientos</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgradihunt.com%2F/medium/16:9/" alt="Screenshot of Gradihunt" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Gradihunt</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate color gradients.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://gradihunt.com/?ref=tiny-helpers">Go to Gradihunt</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fapis.guru%2Fgraphql-voyager%2F/medium/16:9/" alt="Screenshot of GraphQL Voyager" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">GraphQL Voyager</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/graphql/" class="btn--bubble">GraphQL</a></li></ul><p class="margin-top-s margin-bottom-m">Represent any GraphQL API as an interactive graph</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><a class="btn--full card-link margin-top-auto" href="https://apis.guru/graphql-voyager/?ref=tiny-helpers">Go to GraphQL Voyager</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.thegreenwebfoundation.org%2Fgreen-web-check%2F/medium/16:9/" alt="Screenshot of Green web checker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Green web checker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/site-analyzers/" class="btn--bubble">Site analyzers</a></li></ul><p class="margin-top-s margin-bottom-m">Check if a website is hosted on a verified green web host.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/mrchrisadams" class="no-underline" aria-label="mrchrisadams on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mrchrisadams&size=40, /api/user-image/?user=mrchrisadams&size=80 2x" src="/api/user-image/?user=mrchrisadams" alt="GitHub profile image of mrchrisadams" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.thegreenwebfoundation.org/green-web-check/?ref=tiny-helpers">Go to Green web checker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgrep.app%2F/medium/16:9/" alt="Screenshot of grep.app" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">grep.app</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Search across git repos.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><a class="btn--full card-link margin-top-auto" href="https://grep.app/?ref=tiny-helpers">Go to grep.app</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fgridcalculator.dk/medium/16:9/" alt="Screenshot of Grid Calculator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Grid Calculator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Calculate your grid sizes and download as Adobe Illustrator/Photoshop file</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/nicolajkn" class="no-underline" aria-label="nicolajkn on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=nicolajkn&size=40, /api/user-image/?user=nicolajkn&size=80 2x" src="/api/user-image/?user=nicolajkn" alt="GitHub profile image of nicolajkn" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="http://gridcalculator.dk?ref=tiny-helpers">Go to Grid Calculator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgroq.dev%2F/medium/16:9/" alt="Screenshot of groq.dev" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">groq.dev</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/apis/" class="btn--bubble">APIs</a></li><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">Query JSON data with GROQ</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/kmelve" class="no-underline" aria-label="kmelve on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=kmelve&size=40, /api/user-image/?user=kmelve&size=80 2x" src="/api/user-image/?user=kmelve" alt="GitHub profile image of kmelve" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/judofyr" class="no-underline" aria-label="judofyr on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=judofyr&size=40, /api/user-image/?user=judofyr&size=80 2x" src="/api/user-image/?user=judofyr" alt="GitHub profile image of judofyr" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://groq.dev/?ref=tiny-helpers">Go to groq.dev</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fapp.haikei.app%2F/medium/16:9/" alt="Screenshot of haikei" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">haikei</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/illustration/" class="btn--bubble">Illustration</a></li><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/zcreativelabs" class="no-underline" aria-label="zcreativelabs on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=zcreativelabs&size=40, /api/user-image/?user=zcreativelabs&size=80 2x" src="/api/user-image/?user=zcreativelabs" alt="GitHub profile image of zcreativelabs" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://app.haikei.app/?ref=tiny-helpers">Go to haikei</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.hashler.com%2F/medium/16:9/" alt="Screenshot of Hashler" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Hashler</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li></ul><p class="margin-top-s margin-bottom-m">Compute different hashes of a string</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/deviousdodo" class="no-underline" aria-label="deviousdodo on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=deviousdodo&size=40, /api/user-image/?user=deviousdodo&size=80 2x" src="/api/user-image/?user=deviousdodo" alt="GitHub profile image of deviousdodo" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.hashler.com/?ref=tiny-helpers">Go to Hashler</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhaveibeenpwned.com%2F/medium/16:9/" alt="Screenshot of Have I Been Pwned (HIBP)" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Have I Been Pwned (HIBP)</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Check if you have an account that has been compromised in a data breach</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/troyhunt" class="no-underline" aria-label="troyhunt on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=troyhunt&size=40, /api/user-image/?user=troyhunt&size=80 2x" src="/api/user-image/?user=troyhunt" alt="GitHub profile image of troyhunt" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://haveibeenpwned.com/?ref=tiny-helpers">Go to Have I Been Pwned (HIBP)</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgradient.style%2F/medium/16:9/" alt="Screenshot of HD Gradients" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">HD Gradients</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Explore and generate modern CSS gradients.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/argyleink" class="no-underline" aria-label="argyleink on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=argyleink&size=40, /api/user-image/?user=argyleink&size=80 2x" src="/api/user-image/?user=argyleink" alt="GitHub profile image of argyleink" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://gradient.style/?ref=tiny-helpers">Go to HD Gradients</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhealthicons.org%2F/medium/16:9/" alt="Screenshot of Health Icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Health Icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find free and open source health icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2021</div><a class="btn--full card-link margin-top-auto" href="https://healthicons.org/?ref=tiny-helpers">Go to Health Icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.heropatterns.com%2F/medium/16:9/" alt="Screenshot of Hero Patterns" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Hero Patterns</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Find SVG background patterns for you to use on your web projects.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/sschoger" class="no-underline" aria-label="sschoger on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=sschoger&size=40, /api/user-image/?user=sschoger&size=80 2x" src="/api/user-image/?user=sschoger" alt="GitHub profile image of sschoger" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.heropatterns.com/?ref=tiny-helpers">Go to Hero Patterns</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fheroicons.dev%2F/medium/16:9/" alt="Screenshot of Heroicons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Heroicons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find high-quality SVG icons for you to use in your web projects.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/zaydek" class="no-underline" aria-label="zaydek on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=zaydek&size=40, /api/user-image/?user=zaydek&size=80 2x" src="/api/user-image/?user=zaydek" alt="GitHub profile image of zaydek" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://heroicons.dev/?ref=tiny-helpers">Go to Heroicons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffffuel.co%2Fhhhue%2F/medium/16:9/" alt="Screenshot of hhhue" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">hhhue</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Select beautiful color with a collection of curated color palettes</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/thisisseb" class="no-underline" aria-label="thisisseb on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=thisisseb&size=40, /api/user-image/?user=thisisseb&size=80 2x" src="/api/user-image/?user=thisisseb" alt="GitHub profile image of thisisseb" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://fffuel.co/hhhue/?ref=tiny-helpers">Go to hhhue</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhoppscotch.io%2F/medium/16:9/" alt="Screenshot of Hoppscotch" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Hoppscotch</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/apis/" class="btn--bubble">APIs</a></li></ul><p class="margin-top-s margin-bottom-m">Test requests and responses from API calls, with GraphQL and websocket support</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/liyasthomas" class="no-underline" aria-label="liyasthomas on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=liyasthomas&size=40, /api/user-image/?user=liyasthomas&size=80 2x" src="/api/user-image/?user=liyasthomas" alt="GitHub profile image of liyasthomas" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/AndrewBastin" class="no-underline" aria-label="AndrewBastin on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=AndrewBastin&size=40, /api/user-image/?user=AndrewBastin&size=80 2x" src="/api/user-image/?user=AndrewBastin" alt="GitHub profile image of AndrewBastin" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://hoppscotch.io/?ref=tiny-helpers">Go to Hoppscotch</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhoudini.how%2F/medium/16:9/" alt="Screenshot of Houdini.how" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Houdini.how</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Find resources and worklets all around Houdini</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2020</div><a class="btn--full card-link margin-top-auto" href="https://houdini.how/?ref=tiny-helpers">Go to Houdini.how</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhowtotarget.email%2F/medium/16:9/" alt="Screenshot of How to Target Email Clients" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">How to Target Email Clients</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/email/" class="btn--bubble">Email</a></li></ul><p class="margin-top-s margin-bottom-m">Single out email clients and platforms using crowdsourced email development techniques</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/dylanatsmith" class="no-underline" aria-label="dylanatsmith on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dylanatsmith&size=40, /api/user-image/?user=dylanatsmith&size=80 2x" src="/api/user-image/?user=dylanatsmith" alt="GitHub profile image of dylanatsmith" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/M-J-Robbins" class="no-underline" aria-label="M-J-Robbins on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=M-J-Robbins&size=40, /api/user-image/?user=M-J-Robbins&size=80 2x" src="/api/user-image/?user=M-J-Robbins" alt="GitHub profile image of M-J-Robbins" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://howtotarget.email/?ref=tiny-helpers">Go to How to Target Email Clients</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhtaccess.madewithlove.com/medium/16:9/" alt="Screenshot of Htaccess Tester" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Htaccess Tester</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/system-administration/" class="btn--bubble">System Administration</a></li></ul><p class="margin-top-s margin-bottom-m">Test your apache htaccess apache mod_rewrite rules</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/andreascreten" class="no-underline" aria-label="andreascreten on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=andreascreten&size=40, /api/user-image/?user=andreascreten&size=80 2x" src="/api/user-image/?user=andreascreten" alt="GitHub profile image of andreascreten" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/WouterSioen" class="no-underline" aria-label="WouterSioen on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=WouterSioen&size=40, /api/user-image/?user=WouterSioen&size=80 2x" src="/api/user-image/?user=WouterSioen" alt="GitHub profile image of WouterSioen" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/jdrieghe" class="no-underline" aria-label="jdrieghe on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jdrieghe&size=40, /api/user-image/?user=jdrieghe&size=80 2x" src="/api/user-image/?user=jdrieghe" alt="GitHub profile image of jdrieghe" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/xavierbarbosa" class="no-underline" aria-label="xavierbarbosa on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=xavierbarbosa&size=40, /api/user-image/?user=xavierbarbosa&size=80 2x" src="/api/user-image/?user=xavierbarbosa" alt="GitHub profile image of xavierbarbosa" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://htaccess.madewithlove.com?ref=tiny-helpers">Go to Htaccess Tester</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.toptal.com%2Fdesigners%2Fhtmlarrows%2F/medium/16:9/" alt="Screenshot of HTML Arrows" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">HTML Arrows</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li><li class="margin-right-xs margin-bottom-s"><a href="/unicode/" class="btn--bubble">Unicode</a></li></ul><p class="margin-top-s margin-bottom-m">Get unicode, hex, ASCII, html, css codes to insert UTF-8 icons and symbols</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.toptal.com/designers/htmlarrows/?ref=tiny-helpers">Go to HTML Arrows</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhtmlcleanser.netlify.app/medium/16:9/" alt="Screenshot of HTML Cleanser ✨" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">HTML Cleanser ✨</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li></ul><p class="margin-top-s margin-bottom-m">Remove unwanted HTML tags from user's input or untrusted sources</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/gangsthub" class="no-underline" aria-label="gangsthub on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=gangsthub&size=40, /api/user-image/?user=gangsthub&size=80 2x" src="/api/user-image/?user=gangsthub" alt="GitHub profile image of gangsthub" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://htmlcleanser.netlify.app?ref=tiny-helpers">Go to HTML Cleanser ✨</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsquizlabs.github.io%2FHTML_CodeSniffer%2F/medium/16:9/" alt="Screenshot of HTML CodeSniffer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">HTML CodeSniffer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li></ul><p class="margin-top-s margin-bottom-m">Check that your HTML code conforms to your coding standard</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/squizlabs" class="no-underline" aria-label="squizlabs on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=squizlabs&size=40, /api/user-image/?user=squizlabs&size=80 2x" src="/api/user-image/?user=squizlabs" alt="GitHub profile image of squizlabs" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://squizlabs.github.io/HTML_CodeSniffer/?ref=tiny-helpers">Go to HTML CodeSniffer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.hexcolortool.com%2F/medium/16:9/" alt="Screenshot of HTML Color Codes" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">HTML Color Codes</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Genereate and export color shades and tints</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.hexcolortool.com/?ref=tiny-helpers">Go to HTML Color Codes</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.debugbear.com%2Fhtml-size-analyzer/medium/16:9/" alt="Screenshot of HTML Size Analyzer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">HTML Size Analyzer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Analyze HTML size and catch bloat like inline images or code duplication.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2022</div><a class="btn--full card-link margin-top-auto" href="https://www.debugbear.com/html-size-analyzer?ref=tiny-helpers">Go to HTML Size Analyzer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhtmlhead.dev%2F/medium/16:9/" alt="Screenshot of HTML5 <head> elements" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">HTML5 <head> elements</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li></ul><p class="margin-top-s margin-bottom-m">Enrich your HTML with the correct set of <head> elements</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/joshbuchea" class="no-underline" aria-label="joshbuchea on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=joshbuchea&size=40, /api/user-image/?user=joshbuchea&size=80 2x" src="/api/user-image/?user=joshbuchea" alt="GitHub profile image of joshbuchea" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://htmlhead.dev/?ref=tiny-helpers">Go to HTML5 <head> elements</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhttpstatuses.com%2F/medium/16:9/" alt="Screenshot of HTTP Status Codes" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">HTTP Status Codes</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/http/" class="btn--bubble">HTTP</a></li></ul><p class="margin-top-s margin-bottom-m">Reference database of HTTP Status Codes with their definitions and helpful code references all in one place</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Runscope" class="no-underline" aria-label="Runscope on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Runscope&size=40, /api/user-image/?user=Runscope&size=80 2x" src="/api/user-image/?user=Runscope" alt="GitHub profile image of Runscope" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://httpstatuses.com/?ref=tiny-helpers">Go to HTTP Status Codes</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhttp3check.net%2F/medium/16:9/" alt="Screenshot of HTTP/3 Check" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">HTTP/3 Check</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Check if a URL supports HTTP/3.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2021</div><a class="btn--full card-link margin-top-auto" href="https://http3check.net/?ref=tiny-helpers">Go to HTTP/3 Check</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhttpstat.us%2F/medium/16:9/" alt="Screenshot of httpstat.us" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">httpstat.us</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/apis/" class="btn--bubble">APIs</a></li></ul><p class="margin-top-s margin-bottom-m">Generate different API HTTP codes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/aaronpowell" class="no-underline" aria-label="aaronpowell on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=aaronpowell&size=40, /api/user-image/?user=aaronpowell&size=80 2x" src="/api/user-image/?user=aaronpowell" alt="GitHub profile image of aaronpowell" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://httpstat.us/?ref=tiny-helpers">Go to httpstat.us</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhttpstatus.io%2F/medium/16:9/" alt="Screenshot of httpstatus" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">httpstatus</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/http/" class="btn--bubble">HTTP</a></li></ul><p class="margin-top-s margin-bottom-m">Check status codes, response headers, and redirect chains.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/sanderheilbron" class="no-underline" aria-label="sanderheilbron on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=sanderheilbron&size=40, /api/user-image/?user=sanderheilbron&size=80 2x" src="/api/user-image/?user=sanderheilbron" alt="GitHub profile image of sanderheilbron" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://httpstatus.io/?ref=tiny-helpers">Go to httpstatus</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhuemint.com%2Fbrand-intersection%2F/medium/16:9/" alt="Screenshot of Hue Mint" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Hue Mint</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Create unique color schemes for your websites.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><a class="btn--full card-link margin-top-auto" href="https://huemint.com/brand-intersection/?ref=tiny-helpers">Go to Hue Mint</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhue.tools/medium/16:9/" alt="Screenshot of hue.tools" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">hue.tools</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Mix, blend, convert and modify colors.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/pabueco" class="no-underline" aria-label="pabueco on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pabueco&size=40, /api/user-image/?user=pabueco&size=80 2x" src="/api/user-image/?user=pabueco" alt="GitHub profile image of pabueco" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://hue.tools?ref=tiny-helpers">Go to hue.tools</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhuemint.com/medium/16:9/" alt="Screenshot of Huemint" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Huemint</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/ai/" class="btn--bubble">AI</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate color schemes using various AI models</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2024</div><a class="btn--full card-link margin-top-auto" href="https://huemint.com?ref=tiny-helpers">Go to Huemint</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhuetone.ardov.me/medium/16:9/" alt="Screenshot of Huetone" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Huetone</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Create accessible color palettes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://huetone.ardov.me?ref=tiny-helpers">Go to Huetone</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhuey.design%2F/medium/16:9/" alt="Screenshot of Huey" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Huey</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Create color palettes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2021</div><a class="btn--full card-link margin-top-auto" href="https://huey.design/?ref=tiny-helpers">Go to Huey</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.ilovepdf.com/medium/16:9/" alt="Screenshot of I ❤︎ PDF" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">I ❤︎ PDF</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/pdf/" class="btn--bubble">PDF</a></li></ul><p class="margin-top-s margin-bottom-m">Edits, compress, update your PDFs.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2024</div><a class="btn--full card-link margin-top-auto" href="https://www.ilovepdf.com?ref=tiny-helpers">Go to I ❤︎ PDF</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ficomoon.io%2Fapp/medium/16:9/" alt="Screenshot of Icomoon" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Icomoon</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create and maintain svg icon libraries</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><a class="btn--full card-link margin-top-auto" href="https://icomoon.io/app?ref=tiny-helpers">Go to Icomoon</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ficonbundler.com/medium/16:9/" alt="Screenshot of iconbundler" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">iconbundler</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Convert SVGs to React, Vue and Svelte components</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/chriswdmr" class="no-underline" aria-label="chriswdmr on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=chriswdmr&size=40, /api/user-image/?user=chriswdmr&size=80 2x" src="/api/user-image/?user=chriswdmr" alt="GitHub profile image of chriswdmr" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://iconbundler.com?ref=tiny-helpers">Go to iconbundler</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ficonduck.com%2F/medium/16:9/" alt="Screenshot of Iconduck" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Iconduck</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/illustration/" class="btn--bubble">Illustration</a></li></ul><p class="margin-top-s margin-bottom-m">Find free and open source icons and illustrations.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><a class="btn--full card-link margin-top-auto" href="https://iconduck.com/?ref=tiny-helpers">Go to Iconduck</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.iconhunt.site%2F/medium/16:9/" alt="Screenshot of IconHunt" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">IconHunt</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find SVG icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2023</div><a class="btn--full card-link margin-top-auto" href="https://www.iconhunt.site/?ref=tiny-helpers">Go to IconHunt</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ficonic.app%2F/medium/16:9/" alt="Screenshot of iconic" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">iconic</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find free SVG icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2021</div><a class="btn--full card-link margin-top-auto" href="https://iconic.app/?ref=tiny-helpers">Go to iconic</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.iconify.pro%2F/medium/16:9/" alt="Screenshot of Iconify" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Iconify</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Generate App Icons</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><a class="btn--full card-link margin-top-auto" href="https://www.iconify.pro/?ref=tiny-helpers">Go to Iconify</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ficon.kitchen/medium/16:9/" alt="Screenshot of IconKitchen" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">IconKitchen</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/favicons/" class="btn--bubble">Favicons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Generate icons for mobile and web.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2021</div><a class="btn--full card-link margin-top-auto" href="https://icon.kitchen?ref=tiny-helpers">Go to IconKitchen</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ficonoir.com%2F/medium/16:9/" alt="Screenshot of Iconoir" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Iconoir</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find open source icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/lucaburgio" class="no-underline" aria-label="lucaburgio on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=lucaburgio&size=40, /api/user-image/?user=lucaburgio&size=80 2x" src="/api/user-image/?user=lucaburgio" alt="GitHub profile image of lucaburgio" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://iconoir.com/?ref=tiny-helpers">Go to Iconoir</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ficonsvg.xyz%2F/medium/16:9/" alt="Screenshot of IconSVG" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">IconSVG</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Customize SVG icons for your web projects</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/gaddafirusli" class="no-underline" aria-label="gaddafirusli on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=gaddafirusli&size=40, /api/user-image/?user=gaddafirusli&size=80 2x" src="/api/user-image/?user=gaddafirusli" alt="GitHub profile image of gaddafirusli" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://iconsvg.xyz/?ref=tiny-helpers">Go to IconSVG</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ficones.js.org%2F/medium/16:9/" alt="Screenshot of Icônes" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Icônes</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find and explore icons from different libraries.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/antfu" class="no-underline" aria-label="antfu on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=antfu&size=40, /api/user-image/?user=antfu&size=80 2x" src="/api/user-image/?user=antfu" alt="GitHub profile image of antfu" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://icones.js.org/?ref=tiny-helpers">Go to Icônes</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fihateregex.io%2F/medium/16:9/" alt="Screenshot of iHateRegex" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">iHateRegex</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li></ul><p class="margin-top-s margin-bottom-m">Look up common regex patterns</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/geongeorge" class="no-underline" aria-label="geongeorge on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=geongeorge&size=40, /api/user-image/?user=geongeorge&size=80 2x" src="/api/user-image/?user=geongeorge" alt="GitHub profile image of geongeorge" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="http://ihateregex.io/?ref=tiny-helpers">Go to iHateRegex</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fikon.oliverturner.cloud%2F/medium/16:9/" alt="Screenshot of Ikon" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Ikon</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Building downloadable custom icon sprite sheets.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/oliverturner" class="no-underline" aria-label="oliverturner on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=oliverturner&size=40, /api/user-image/?user=oliverturner&size=80 2x" src="/api/user-image/?user=oliverturner" alt="GitHub profile image of oliverturner" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://ikon.oliverturner.cloud/?ref=tiny-helpers">Go to Ikon</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Filllustrations.co%2F/medium/16:9/" alt="Screenshot of illlustrations.co" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">illlustrations.co</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/illustration/" class="btn--bubble">Illustration</a></li></ul><p class="margin-top-s margin-bottom-m">Find an open source illustrations kit</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2021</div><a class="btn--full card-link margin-top-auto" href="https://illlustrations.co/?ref=tiny-helpers">Go to illlustrations.co</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fapp.ilograph.com%2Fnew%2FDependency/medium/16:9/" alt="Screenshot of Ilograph" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Ilograph</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create interactive architecture diagrams.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><a class="btn--full card-link margin-top-auto" href="https://app.ilograph.com/new/Dependency?ref=tiny-helpers">Go to Ilograph</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpromo.com%2Ftools%2Fimage-resizer%2F/medium/16:9/" alt="Screenshot of Image Resizer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Image Resizer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Resize images.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2021</div><a class="btn--full card-link margin-top-auto" href="https://promo.com/tools/image-resizer/?ref=tiny-helpers">Go to Image Resizer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fimagestool.com%2F/medium/16:9/" alt="Screenshot of imagesTool.com" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">imagesTool.com</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/tool-collections/" class="btn--bubble">Tool Collections</a></li></ul><p class="margin-top-s margin-bottom-m">Process images right in your browser.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2022</div><a class="btn--full card-link margin-top-auto" href="https://imagestool.com/?ref=tiny-helpers">Go to imagesTool.com</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fimgcleaner.com/medium/16:9/" alt="Screenshot of Img.cleaner" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Img.cleaner</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Clean up images and pictures by removing unwanted objects.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2022</div><a class="btn--full card-link margin-top-auto" href="https://imgcleaner.com?ref=tiny-helpers">Go to Img.cleaner</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Finputtypes.com/medium/16:9/" alt="Screenshot of Input Type Sandbox" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Input Type Sandbox</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li><li class="margin-right-xs margin-bottom-s"><a href="/forms/" class="btn--bubble">Forms</a></li></ul><p class="margin-top-s margin-bottom-m">Test form input types, onscreen keyboards and more</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/aladage" class="no-underline" aria-label="aladage on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=aladage&size=40, /api/user-image/?user=aladage&size=80 2x" src="/api/user-image/?user=aladage" alt="GitHub profile image of aladage" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://inputtypes.com?ref=tiny-helpers">Go to Input Type Sandbox</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Finsta-filters.mdbgo.io%2F%23generator/medium/16:9/" alt="Screenshot of InstaFilters" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">InstaFilters</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Generate Instagram filters with CSS.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://insta-filters.mdbgo.io/#generator?ref=tiny-helpers">Go to InstaFilters</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.sarasoueidan.com%2Fdemos%2Finteractive-svg-coordinate-system%2F/medium/16:9/" alt="Screenshot of Interactive SVG Coordinate System" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Interactive SVG Coordinate System</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Interactively explore the viewport, viewBox, & preserveAspectRatio of an SVG</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/sarasoueidan" class="no-underline" aria-label="sarasoueidan on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=sarasoueidan&size=40, /api/user-image/?user=sarasoueidan&size=80 2x" src="/api/user-image/?user=sarasoueidan" alt="GitHub profile image of sarasoueidan" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.sarasoueidan.com/demos/interactive-svg-coordinate-system/?ref=tiny-helpers">Go to Interactive SVG Coordinate System</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fismyhostfastyet.com%2F/medium/16:9/" alt="Screenshot of Is my host fast yet?" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Is my host fast yet?</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Analyze real-world server response latencies, as experienced by real-world users navigating the web.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><a class="btn--full card-link margin-top-auto" href="https://ismyhostfastyet.com/?ref=tiny-helpers">Go to Is my host fast yet?</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fobfuscator.io%2F/medium/16:9/" alt="Screenshot of Javascript Obfuscator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Javascript Obfuscator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Convert vanilla JS to obfuscated one, making it hard to copy, modify, understand or reuse (for others).</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/javascript-obfuscator" class="no-underline" aria-label="javascript-obfuscator on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=javascript-obfuscator&size=40, /api/user-image/?user=javascript-obfuscator&size=80 2x" src="/api/user-image/?user=javascript-obfuscator" alt="GitHub profile image of javascript-obfuscator" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://obfuscator.io/?ref=tiny-helpers">Go to Javascript Obfuscator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.regexp.in%2Fpractice-area.html/medium/16:9/" alt="Screenshot of JavaScript Regex Panels" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JavaScript Regex Panels</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li></ul><p class="margin-top-s margin-bottom-m">Test your JavaScript Regular Expressions</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/vijeysrc" class="no-underline" aria-label="vijeysrc on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=vijeysrc&size=40, /api/user-image/?user=vijeysrc&size=80 2x" src="/api/user-image/?user=vijeysrc" alt="GitHub profile image of vijeysrc" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.regexp.in/practice-area.html?ref=tiny-helpers">Go to JavaScript Regex Panels</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fstart.jhipster.tech%2Fjdl-studio%2F/medium/16:9/" alt="Screenshot of JDL-Studio" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JDL-Studio</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li><li class="margin-right-xs margin-bottom-s"><a href="/database/" class="btn--bubble">Database</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create complex entity models easy with a handy DSL</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><a class="btn--full card-link margin-top-auto" href="https://start.jhipster.tech/jdl-studio/?ref=tiny-helpers">Go to JDL-Studio</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fapp.jellylade.com%2F/medium/16:9/" alt="Screenshot of Jellylade" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Jellylade</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Turn your screenshots into beautiful posts.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2023</div><a class="btn--full card-link margin-top-auto" href="https://app.jellylade.com/?ref=tiny-helpers">Go to Jellylade</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.jpeg.io%2F/medium/16:9/" alt="Screenshot of jpeg.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">jpeg.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Convert any major image format into a highly optimized JPEG</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/0xadada" class="no-underline" aria-label="0xadada on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=0xadada&size=40, /api/user-image/?user=0xadada&size=80 2x" src="/api/user-image/?user=0xadada" alt="GitHub profile image of 0xadada" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.jpeg.io/?ref=tiny-helpers">Go to jpeg.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjpeg.rocks%2F/medium/16:9/" alt="Screenshot of JPEG.rocks" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JPEG.rocks</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Optimize your jpegs</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/neslinesli93" class="no-underline" aria-label="neslinesli93 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=neslinesli93&size=40, /api/user-image/?user=neslinesli93&size=80 2x" src="/api/user-image/?user=neslinesli93" alt="GitHub profile image of neslinesli93" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://jpeg.rocks/?ref=tiny-helpers">Go to JPEG.rocks</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjqplay.org/medium/16:9/" alt="Screenshot of jqplay" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">jqplay</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">Build command lines for jq interactively</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><a class="btn--full card-link margin-top-auto" href="https://jqplay.org?ref=tiny-helpers">Go to jqplay</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjspaint.app%2F/medium/16:9/" alt="Screenshot of JS Paint" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JS Paint</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Draw images in a MS Paint remake.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/1j01" class="no-underline" aria-label="1j01 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=1j01&size=40, /api/user-image/?user=1j01&size=80 2x" src="/api/user-image/?user=1j01" alt="GitHub profile image of 1j01" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://jspaint.app/?ref=tiny-helpers">Go to JS Paint</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjsoncrack.com%2Feditor/medium/16:9/" alt="Screenshot of JSON Crack" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JSON Crack</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">Visualize JSON data into graphs</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/AykutSarac" class="no-underline" aria-label="AykutSarac on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=AykutSarac&size=40, /api/user-image/?user=AykutSarac&size=80 2x" src="/api/user-image/?user=AykutSarac" alt="GitHub profile image of AykutSarac" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://jsoncrack.com/editor?ref=tiny-helpers">Go to JSON Crack</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjsoneditor.org%2F/medium/16:9/" alt="Screenshot of JSON Editor" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JSON Editor</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">JSON Editor is an online web based tool to view, edit, and format JSON</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/bsadhwani" class="no-underline" aria-label="bsadhwani on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bsadhwani&size=40, /api/user-image/?user=bsadhwani&size=80 2x" src="/api/user-image/?user=bsadhwani" alt="GitHub profile image of bsadhwani" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://jsoneditor.org/?ref=tiny-helpers">Go to JSON Editor</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjsoneditoronline.org%2F/medium/16:9/" alt="Screenshot of JSON Editor Online" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JSON Editor Online</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">View, edit, and format JSON</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2020</div><a class="btn--full card-link margin-top-auto" href="https://jsoneditoronline.org/?ref=tiny-helpers">Go to JSON Editor Online</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.json-generator.com%2F/medium/16:9/" alt="Screenshot of JSON Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JSON Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/generated-data/" class="btn--bubble">Generated Data</a></li><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">Generate random JSON data based on a simple template</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/rainum" class="no-underline" aria-label="rainum on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=rainum&size=40, /api/user-image/?user=rainum&size=80 2x" src="/api/user-image/?user=rainum" alt="GitHub profile image of rainum" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.json-generator.com/?ref=tiny-helpers">Go to JSON Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjson-viewer.delphic.top%2F/medium/16:9/" alt="Screenshot of JSON Viewer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JSON Viewer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">Explore JSON and generate schema, .d.ts, .go.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/diogenesofweb" class="no-underline" aria-label="diogenesofweb on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=diogenesofweb&size=40, /api/user-image/?user=diogenesofweb&size=80 2x" src="/api/user-image/?user=diogenesofweb" alt="GitHub profile image of diogenesofweb" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://json-viewer.delphic.top/?ref=tiny-helpers">Go to JSON Viewer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjsonhero.io%2F/medium/16:9/" alt="Screenshot of JSONHERO" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JSONHERO</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">Inspect and analyze JSON</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2022</div><a class="btn--full card-link margin-top-auto" href="https://jsonhero.io/?ref=tiny-helpers">Go to JSONHERO</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjsoning.com%2Fapi%2F/medium/16:9/" alt="Screenshot of JSONing" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JSONing</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/apis/" class="btn--bubble">APIs</a></li></ul><p class="margin-top-s margin-bottom-m">Mock REST API for testing and prototyping</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/cyrilbois" class="no-underline" aria-label="cyrilbois on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=cyrilbois&size=40, /api/user-image/?user=cyrilbois&size=80 2x" src="/api/user-image/?user=cyrilbois" alt="GitHub profile image of cyrilbois" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://jsoning.com/api/?ref=tiny-helpers">Go to JSONing</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjsonlint.com%2F/medium/16:9/" alt="Screenshot of JSONLint" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JSONLint</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">Validate your JSON</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/circlecell" class="no-underline" aria-label="circlecell on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=circlecell&size=40, /api/user-image/?user=circlecell&size=80 2x" src="/api/user-image/?user=circlecell" alt="GitHub profile image of circlecell" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/zaach" class="no-underline" aria-label="zaach on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=zaach&size=40, /api/user-image/?user=zaach&size=80 2x" src="/api/user-image/?user=zaach" alt="GitHub profile image of zaach" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://jsonlint.com/?ref=tiny-helpers">Go to JSONLint</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjwt.io%2F%23debugger-io/medium/16:9/" alt="Screenshot of JWT Debugger" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JWT Debugger</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/apis/" class="btn--bubble">APIs</a></li><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Decode, Debug and Validate JSON Web Tokens (JWT)</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://jwt.io/#debugger-io?ref=tiny-helpers">Go to JWT Debugger</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjwt.is%2F/medium/16:9/" alt="Screenshot of JWT.IS" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">JWT.IS</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/api/" class="btn--bubble">API</a></li><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Decode, Debug and Validate JSON Web Tokens (JWT)</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2023</div><a class="btn--full card-link margin-top-auto" href="https://jwt.is/?ref=tiny-helpers">Go to JWT.IS</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fkeycode.info%2F/medium/16:9/" alt="Screenshot of Key codes" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Key codes</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Get key codes for keyboard events in JavaScript</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/wesbos" class="no-underline" aria-label="wesbos on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=wesbos&size=40, /api/user-image/?user=wesbos&size=80 2x" src="/api/user-image/?user=wesbos" alt="GitHub profile image of wesbos" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://keycode.info/?ref=tiny-helpers">Go to Key codes</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fkeyjs.dev%2F/medium/16:9/" alt="Screenshot of key.js" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">key.js</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Press any key to get the JavaScript keydown event key, code, which and keyCode properties</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/danziger" class="no-underline" aria-label="danziger on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=danziger&size=40, /api/user-image/?user=danziger&size=80 2x" src="/api/user-image/?user=danziger" alt="GitHub profile image of danziger" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://keyjs.dev/?ref=tiny-helpers">Go to key.js</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fkeyframes.app%2Fanimate%2F/medium/16:9/" alt="Screenshot of Keyframes CSS" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Keyframes CSS</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create basic or complex CSS keyframe animations with a visual timeline editor similar to video-editing software.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><a class="btn--full card-link margin-top-auto" href="https://keyframes.app/animate/?ref=tiny-helpers">Go to Keyframes CSS</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fkhroma.co%2F/medium/16:9/" alt="Screenshot of khroma" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">khroma</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Create limiltess palettes with AI for you to discover, search, and save.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/georgehastings" class="no-underline" aria-label="georgehastings on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=georgehastings&size=40, /api/user-image/?user=georgehastings&size=80 2x" src="/api/user-image/?user=georgehastings" alt="GitHub profile image of georgehastings" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="http://khroma.co/?ref=tiny-helpers">Go to khroma</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fkod.so%2F/medium/16:9/" alt="Screenshot of kod.so" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">kod.so</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Generate beautiful code images.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2022</div><a class="btn--full card-link margin-top-auto" href="https://kod.so/?ref=tiny-helpers">Go to kod.so</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fletsenhance.io%2F/medium/16:9/" alt="Screenshot of Let's Enhance.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Let's Enhance.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Improve colors, remove compression and upscale your image</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://letsenhance.io/?ref=tiny-helpers">Go to Let's Enhance.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fgooglechrome.github.io%2Flighthouse-ci%2Fviewer%2F/medium/16:9/" alt="Screenshot of Lighthouse CI Diff" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Lighthouse CI Diff</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Compare two Lighthouse reports</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2021</div><a class="btn--full card-link margin-top-auto" href="https://googlechrome.github.io/lighthouse-ci/viewer/?ref=tiny-helpers">Go to Lighthouse CI Diff</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Flighthouse-metrics.com%2F/medium/16:9/" alt="Screenshot of Lighthouse Metrics" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Lighthouse Metrics</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li><li class="margin-right-xs margin-bottom-s"><a href="/site-analyzers/" class="btn--bubble">Site analyzers</a></li></ul><p class="margin-top-s margin-bottom-m">Run lighthouse from multiple locations</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><a class="btn--full card-link margin-top-auto" href="https://lighthouse-metrics.com/?ref=tiny-helpers">Go to Lighthouse Metrics</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpaulirish.github.io%2Flh-scorecalc%2F/medium/16:9/" alt="Screenshot of Lighthouse Scoring Calculator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Lighthouse Scoring Calculator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Calculate your Lighthouse performance score across versions</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/paulirish" class="no-underline" aria-label="paulirish on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=paulirish&size=40, /api/user-image/?user=paulirish&size=80 2x" src="/api/user-image/?user=paulirish" alt="GitHub profile image of paulirish" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://paulirish.github.io/lh-scorecalc/?ref=tiny-helpers">Go to Lighthouse Scoring Calculator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Flinear-easing-generator.netlify.app/medium/16:9/" alt="Screenshot of linear() generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">linear() generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Convert JavaScript/SVG easing definitions into the linear() CSS format.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jakearchibald" class="no-underline" aria-label="jakearchibald on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jakearchibald&size=40, /api/user-image/?user=jakearchibald&size=80 2x" src="/api/user-image/?user=jakearchibald" alt="GitHub profile image of jakearchibald" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://linear-easing-generator.netlify.app?ref=tiny-helpers">Go to linear() generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Flink-if-social.com/medium/16:9/" alt="Screenshot of Link-if social URL creator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Link-if social URL creator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/email/" class="btn--bubble">Email</a></li><li class="margin-right-xs margin-bottom-s"><a href="/url/" class="btn--bubble">URL</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly create sharable URLs for Social media sites.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/JayOram" class="no-underline" aria-label="JayOram on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=JayOram&size=40, /api/user-image/?user=JayOram&size=80 2x" src="/api/user-image/?user=JayOram" alt="GitHub profile image of JayOram" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://link-if-social.com?ref=tiny-helpers">Go to Link-if social URL creator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Flink-to-qr.com%2F/medium/16:9/" alt="Screenshot of link-to-qr" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">link-to-qr</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create a QR code for a URL</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><a class="btn--full card-link margin-top-auto" href="https://link-to-qr.com/?ref=tiny-helpers">Go to link-to-qr</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.linkedin.com%2Fpost-inspector%2Finspect%2F/medium/16:9/" alt="Screenshot of LinkedIn Post Inspector" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">LinkedIn Post Inspector</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">See how shared URLs look on LinkedIn</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.linkedin.com/post-inspector/inspect/?ref=tiny-helpers">Go to LinkedIn Post Inspector</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.linkslist.app%2Fapp/medium/16:9/" alt="Screenshot of Links List" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Links List</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Simply create a list of links. Then share it!</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/denno020" class="no-underline" aria-label="denno020 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=denno020&size=40, /api/user-image/?user=denno020&size=80 2x" src="/api/user-image/?user=denno020" alt="GitHub profile image of denno020" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.linkslist.app/app?ref=tiny-helpers">Go to Links List</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Flinuxcommandlibrary.com%2Fbasic%2Foneliners.html/medium/16:9/" alt="Screenshot of Linux Command Library - One-liners" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Linux Command Library - One-liners</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/command-line/" class="btn--bubble">Command line</a></li></ul><p class="margin-top-s margin-bottom-m">Find shell command one-liners</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><a class="btn--full card-link margin-top-auto" href="https://linuxcommandlibrary.com/basic/oneliners.html?ref=tiny-helpers">Go to Linux Command Library - One-liners</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Flissajous.eva.town%2F/medium/16:9/" alt="Screenshot of Lissajous SVG" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Lissajous SVG</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Generate lissajous SVG curves.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/evadecker" class="no-underline" aria-label="evadecker on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=evadecker&size=40, /api/user-image/?user=evadecker&size=80 2x" src="/api/user-image/?user=evadecker" alt="GitHub profile image of evadecker" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://lissajous.eva.town/?ref=tiny-helpers">Go to Lissajous SVG</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffffuel.co%2Flllove%2F/medium/16:9/" alt="Screenshot of lllove" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">lllove</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Make some cute SVG hearts</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/thisisseb" class="no-underline" aria-label="thisisseb on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=thisisseb&size=40, /api/user-image/?user=thisisseb&size=80 2x" src="/api/user-image/?user=thisisseb" alt="GitHub profile image of thisisseb" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://fffuel.co/lllove/?ref=tiny-helpers">Go to lllove</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Flabs.binaryunit.com%2Flocalgfonts%2F/medium/16:9/" alt="Screenshot of localGfonts" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">localGfonts</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Download and self-host Google fonts and CSS snippets</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://labs.binaryunit.com/localgfonts/?ref=tiny-helpers">Go to localGfonts</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdefaced.dev%2Ftools%2Flogical-content-flow%2F/medium/16:9/" alt="Screenshot of Logical Content Flow" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Logical Content Flow</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly discover and identify issues with the Logical Content Flow on your site.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2022</div><a class="btn--full card-link margin-top-auto" href="https://defaced.dev/tools/logical-content-flow/?ref=tiny-helpers">Go to Logical Content Flow</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbrandmark.io%2Flogo-crunch%2F/medium/16:9/" alt="Screenshot of Logo Crunch" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Logo Crunch</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/favicons/" class="btn--bubble">Favicons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Make your high-res logo legible at lower resolutions using computer vision</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/0xadada" class="no-underline" aria-label="0xadada on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=0xadada&size=40, /api/user-image/?user=0xadada&size=80 2x" src="/api/user-image/?user=0xadada" alt="GitHub profile image of 0xadada" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://brandmark.io/logo-crunch/?ref=tiny-helpers">Go to Logo Crunch</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.losethevery.com/medium/16:9/" alt="Screenshot of Lose the Very" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Lose the Very</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Combine "very" with a simple adjective and get a more concise adjective</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2021</div><a class="btn--full card-link margin-top-auto" href="https://www.losethevery.com?ref=tiny-helpers">Go to Lose the Very</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Flucide.dev%2F/medium/16:9/" alt="Screenshot of Lucide" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Lucide</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find open source icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2022</div><a class="btn--full card-link margin-top-auto" href="https://lucide.dev/?ref=tiny-helpers">Go to Lucide</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmac-cursors.netlify.app%2F/medium/16:9/" alt="Screenshot of macOS Cursors" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">macOS Cursors</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Find all macOS cursor icons in SVG.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/daviddarnes" class="no-underline" aria-label="daviddarnes on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=daviddarnes&size=40, /api/user-image/?user=daviddarnes&size=80 2x" src="/api/user-image/?user=daviddarnes" alt="GitHub profile image of daviddarnes" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://mac-cursors.netlify.app/?ref=tiny-helpers">Go to macOS Cursors</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.magiceraser.io%2F/medium/16:9/" alt="Screenshot of Magic Eraser" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Magic Eraser</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Remove unwanted things from images</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2022</div><a class="btn--full card-link margin-top-auto" href="https://www.magiceraser.io/?ref=tiny-helpers">Go to Magic Eraser</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmailtolink.me%2F/medium/16:9/" alt="Screenshot of mailtolink.me" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">mailtolink.me</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/email/" class="btn--bubble">Email</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly create mailto links with receipients, subject and body</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/mckeever02" class="no-underline" aria-label="mckeever02 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mckeever02&size=40, /api/user-image/?user=mckeever02&size=80 2x" src="/api/user-image/?user=mckeever02" alt="GitHub profile image of mckeever02" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://mailtolink.me/?ref=tiny-helpers">Go to mailtolink.me</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fmakethumbnails.com/medium/16:9/" alt="Screenshot of Make Thumbnails" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Make Thumbnails</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Create a bunch of customizable thumbnails from in image</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/codepo8" class="no-underline" aria-label="codepo8 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=codepo8&size=40, /api/user-image/?user=codepo8&size=80 2x" src="/api/user-image/?user=codepo8" alt="GitHub profile image of codepo8" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="http://makethumbnails.com?ref=tiny-helpers">Go to Make Thumbnails</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjvilk.com%2FMakeTypes%2F/medium/16:9/" alt="Screenshot of MakeTypes" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">MakeTypes</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li><li class="margin-right-xs margin-bottom-s"><a href="/typescript/" class="btn--bubble">TypeScript</a></li></ul><p class="margin-top-s margin-bottom-m">Generate TypeScript classes from JSON examples.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jvilk" class="no-underline" aria-label="jvilk on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jvilk&size=40, /api/user-image/?user=jvilk&size=80 2x" src="/api/user-image/?user=jvilk" alt="GitHub profile image of jvilk" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://jvilk.com/MakeTypes/?ref=tiny-helpers">Go to MakeTypes</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.manypixels.co%2Fgallery/medium/16:9/" alt="Screenshot of manypixels" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">manypixels</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/illustration/" class="btn--bubble">Illustration</a></li></ul><p class="margin-top-s margin-bottom-m">Discover new and free illustrations.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><a class="btn--full card-link margin-top-auto" href="https://www.manypixels.co/gallery?ref=tiny-helpers">Go to manypixels</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmarkdowndown.vercel.app%2F/medium/16:9/" alt="Screenshot of MarkdownDown" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">MarkdownDown</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/markdown/" class="btn--bubble">Markdown</a></li></ul><p class="margin-top-s margin-bottom-m">Convert any webpage to clean markdown.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/asadm" class="no-underline" aria-label="asadm on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=asadm&size=40, /api/user-image/?user=asadm&size=80 2x" src="/api/user-image/?user=asadm" alt="GitHub profile image of asadm" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://markdowndown.vercel.app/?ref=tiny-helpers">Go to MarkdownDown</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmaskable.app%2F/medium/16:9/" alt="Screenshot of Maskable.app" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Maskable.app</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/pwa/" class="btn--bubble">PWA</a></li></ul><p class="margin-top-s margin-bottom-m">Preview and create maskable icons in the browser</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/NotWoods" class="no-underline" aria-label="NotWoods on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=NotWoods&size=40, /api/user-image/?user=NotWoods&size=80 2x" src="/api/user-image/?user=NotWoods" alt="GitHub profile image of NotWoods" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://maskable.app/?ref=tiny-helpers">Go to Maskable.app</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffonts.google.com%2Ficons/medium/16:9/" alt="Screenshot of Material Icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Material Icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find over 3k icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2023</div><a class="btn--full card-link margin-top-auto" href="https://fonts.google.com/icons?ref=tiny-helpers">Go to Material Icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmconverter.eu%2F/medium/16:9/" alt="Screenshot of MConverter" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">MConverter</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Convert images to and from JXL (JPEG XL), AVIF, WebP and more</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://mconverter.eu/?ref=tiny-helpers">Go to MConverter</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmediaquery.style%2F/medium/16:9/" alt="Screenshot of mediaquery.style" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">mediaquery.style</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Find popular media queries.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/dazulu" class="no-underline" aria-label="dazulu on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dazulu&size=40, /api/user-image/?user=dazulu&size=80 2x" src="/api/user-image/?user=dazulu" alt="GitHub profile image of dazulu" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://mediaquery.style/?ref=tiny-helpers">Go to mediaquery.style</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Flocalpdf.tech%2Fmerge/medium/16:9/" alt="Screenshot of Merge PDFs" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Merge PDFs</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/pdf/" class="btn--bubble">PDF</a></li></ul><p class="margin-top-s margin-bottom-m">Merge PDFs.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2021</div><a class="btn--full card-link margin-top-auto" href="https://localpdf.tech/merge?ref=tiny-helpers">Go to Merge PDFs</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmermaid-js.github.io%2Fmermaid-live-editor%2F/medium/16:9/" alt="Screenshot of Mermaid Live Editor" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Mermaid Live Editor</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Generate flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs using a Markdownish syntax</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/0xadada" class="no-underline" aria-label="0xadada on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=0xadada&size=40, /api/user-image/?user=0xadada&size=80 2x" src="/api/user-image/?user=0xadada" alt="GitHub profile image of 0xadada" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://mermaid-js.github.io/mermaid-live-editor/?ref=tiny-helpers">Go to Mermaid Live Editor</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcsshero.org%2Fmesher%2F/medium/16:9/" alt="Screenshot of Mesher" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Mesher</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create beautiful CSS gradient backgrounds</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2022</div><a class="btn--full card-link margin-top-auto" href="https://csshero.org/mesher/?ref=tiny-helpers">Go to Mesher</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmeshgradient.in/medium/16:9/" alt="Screenshot of Meshy" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Meshy</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate beautiful mesh gradient backgrounds</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/anup-a" class="no-underline" aria-label="anup-a on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=anup-a&size=40, /api/user-image/?user=anup-a&size=80 2x" src="/api/user-image/?user=anup-a" alt="GitHub profile image of anup-a" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://meshgradient.in?ref=tiny-helpers">Go to Meshy</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmesswithdns.net%2F/medium/16:9/" alt="Screenshot of mess with DNS" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">mess with DNS</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/network/" class="btn--bubble">Network</a></li><li class="margin-right-xs margin-bottom-s"><a href="/system-administration/" class="btn--bubble">System Administration</a></li></ul><p class="margin-top-s margin-bottom-m">Learn DNS by setting up DNS records.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2021</div><a class="btn--full card-link margin-top-auto" href="https://messwithdns.net/?ref=tiny-helpers">Go to mess with DNS</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmetatags.io%2F/medium/16:9/" alt="Screenshot of Meta Tags" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Meta Tags</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Preview how your webpage will look on Google, Facebook, Twitter and more</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/moeamaya" class="no-underline" aria-label="moeamaya on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=moeamaya&size=40, /api/user-image/?user=moeamaya&size=80 2x" src="/api/user-image/?user=moeamaya" alt="GitHub profile image of moeamaya" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://metatags.io/?ref=tiny-helpers">Go to Meta Tags</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcards.microlink.io%2F/medium/16:9/" alt="Screenshot of Microlink Cards" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Microlink Cards</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create html defined embedable card images</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><a class="btn--full card-link margin-top-auto" href="https://cards.microlink.io/?ref=tiny-helpers">Go to Microlink Cards</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmin-max-calculator.9elements.com%2F/medium/16:9/" alt="Screenshot of Min-Max-Value Interpolation" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Min-Max-Value Interpolation</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Generate a CSS clamp formula to interpolate between two values in a given viewport range.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/nd55" class="no-underline" aria-label="nd55 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=nd55&size=40, /api/user-image/?user=nd55&size=80 2x" src="/api/user-image/?user=nd55" alt="GitHub profile image of nd55" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/enbee81" class="no-underline" aria-label="enbee81 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=enbee81&size=40, /api/user-image/?user=enbee81&size=80 2x" src="/api/user-image/?user=enbee81" alt="GitHub profile image of enbee81" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://min-max-calculator.9elements.com/?ref=tiny-helpers">Go to Min-Max-Value Interpolation</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmockturtle.net/medium/16:9/" alt="Screenshot of Mock Turtle" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Mock Turtle</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/generated-data/" class="btn--bubble">Generated Data</a></li><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">Generate random JSON data through a simple & intuitive GUI</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jiahui747" class="no-underline" aria-label="jiahui747 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jiahui747&size=40, /api/user-image/?user=jiahui747&size=80 2x" src="/api/user-image/?user=jiahui747" alt="GitHub profile image of jiahui747" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/TimChandra" class="no-underline" aria-label="TimChandra on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=TimChandra&size=40, /api/user-image/?user=TimChandra&size=80 2x" src="/api/user-image/?user=TimChandra" alt="GitHub profile image of TimChandra" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://mockturtle.net?ref=tiny-helpers">Go to Mock Turtle</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmockaroo.com%2F/medium/16:9/" alt="Screenshot of Mockaroo" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Mockaroo</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/generated-data/" class="btn--bubble">Generated Data</a></li></ul><p class="margin-top-s margin-bottom-m">Generate up to 1,000 rows of realistic test data in CSV, JSON, SQL, and Excel formats</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://mockaroo.com/?ref=tiny-helpers">Go to Mockaroo</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.mocky.io%2F/medium/16:9/" alt="Screenshot of Mocky" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Mocky</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/apis/" class="btn--bubble">APIs</a></li></ul><p class="margin-top-s margin-bottom-m">Mock your HTTP responses to test your REST API</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/julien-lafont" class="no-underline" aria-label="julien-lafont on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=julien-lafont&size=40, /api/user-image/?user=julien-lafont&size=80 2x" src="/api/user-image/?user=julien-lafont" alt="GitHub profile image of julien-lafont" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.mocky.io/?ref=tiny-helpers">Go to Mocky</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmodern-fluid-typography.vercel.app%2F/medium/16:9/" alt="Screenshot of Modern fluid typography editor" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Modern fluid typography editor</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li><li class="margin-right-xs margin-bottom-s"><a href="/typography/" class="btn--bubble">Typography</a></li></ul><p class="margin-top-s margin-bottom-m">Create, fine-tune and generate CSS fluid typography code</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/codeAdrian" class="no-underline" aria-label="codeAdrian on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=codeAdrian&size=40, /api/user-image/?user=codeAdrian&size=80 2x" src="/api/user-image/?user=codeAdrian" alt="GitHub profile image of codeAdrian" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://modern-fluid-typography.vercel.app/?ref=tiny-helpers">Go to Modern fluid typography editor</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmodernfontstacks.com%2F/medium/16:9/" alt="Screenshot of Modern Font Stacks" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Modern Font Stacks</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Find combinations of fast-loading system fonts.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/danklammer" class="no-underline" aria-label="danklammer on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=danklammer&size=40, /api/user-image/?user=danklammer&size=80 2x" src="/api/user-image/?user=danklammer" alt="GitHub profile image of danklammer" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://modernfontstacks.com/?ref=tiny-helpers">Go to Modern Font Stacks</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.modularscale.com/medium/16:9/" alt="Screenshot of Modular Scale" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Modular Scale</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Generate proportionate size units</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/modularscale" class="no-underline" aria-label="modularscale on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=modularscale&size=40, /api/user-image/?user=modularscale&size=80 2x" src="/api/user-image/?user=modularscale" alt="GitHub profile image of modularscale" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.modularscale.com?ref=tiny-helpers">Go to Modular Scale</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmossaik.app%2Fapp%2F/medium/16:9/" alt="Screenshot of Mossaik" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Mossaik</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/illustration/" class="btn--bubble">Illustration</a></li><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Create stunning shapes like waves, tiles, and blobs.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/gabrielperales" class="no-underline" aria-label="gabrielperales on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=gabrielperales&size=40, /api/user-image/?user=gabrielperales&size=80 2x" src="/api/user-image/?user=gabrielperales" alt="GitHub profile image of gabrielperales" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://mossaik.app/app/?ref=tiny-helpers">Go to Mossaik</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fobservatory.mozilla.org%2F/medium/16:9/" alt="Screenshot of Mozilla Observatory" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Mozilla Observatory</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Analyze your website and strengthen its security</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2024</div><a class="btn--full card-link margin-top-auto" href="https://observatory.mozilla.org/?ref=tiny-helpers">Go to Mozilla Observatory</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fssl-config.mozilla.org%2F/medium/16:9/" alt="Screenshot of Mozilla SSL Configuration Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Mozilla SSL Configuration Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/system-administration/" class="btn--bubble">System Administration</a></li><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Generate recommended TLS configurations for servers</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/april" class="no-underline" aria-label="april on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=april&size=40, /api/user-image/?user=april&size=80 2x" src="/api/user-image/?user=april" alt="GitHub profile image of april" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://ssl-config.mozilla.org/?ref=tiny-helpers">Go to Mozilla SSL Configuration Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.mshr.app%2F/medium/16:9/" alt="Screenshot of MSHR" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">MSHR</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Find CSS-only mesh gradients.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2024</div><a class="btn--full card-link margin-top-auto" href="https://www.mshr.app/?ref=tiny-helpers">Go to MSHR</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmy-ua-client-hints.glitch.me%2F/medium/16:9/" alt="Screenshot of My User Agent Client Hints" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">My User Agent Client Hints</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Find out what user agent client hints your browser sends.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://my-ua-client-hints.glitch.me/?ref=tiny-helpers">Go to My User Agent Client Hints</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmycolor.space%2F/medium/16:9/" alt="Screenshot of MyColorSpace" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">MyColorSpace</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Enter a color and generate nice color palettes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><a class="btn--full card-link margin-top-auto" href="https://mycolor.space/?ref=tiny-helpers">Go to MyColorSpace</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmyoctocat.com%2Fbuild-your-octocat%2F/medium/16:9/" alt="Screenshot of MyOctocat" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">MyOctocat</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create GitHub's octocats</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/GitHub" class="no-underline" aria-label="GitHub on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=GitHub&size=40, /api/user-image/?user=GitHub&size=80 2x" src="/api/user-image/?user=GitHub" alt="GitHub profile image of GitHub" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://myoctocat.com/build-your-octocat/?ref=tiny-helpers">Go to MyOctocat</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwebkul.github.io%2Fmyscale%2F/medium/16:9/" alt="Screenshot of myScale" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">myScale</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Resize and convert SVG into PNG</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/webkul" class="no-underline" aria-label="webkul on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=webkul&size=40, /api/user-image/?user=webkul&size=80 2x" src="/api/user-image/?user=webkul" alt="GitHub profile image of webkul" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://webkul.github.io/myscale/?ref=tiny-helpers">Go to myScale</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fnamae.dev/medium/16:9/" alt="Screenshot of namae" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">namae</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Check availability of your new app name in major registries at once.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/uetchy" class="no-underline" aria-label="uetchy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=uetchy&size=40, /api/user-image/?user=uetchy&size=80 2x" src="/api/user-image/?user=uetchy" alt="GitHub profile image of uetchy" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://namae.dev?ref=tiny-helpers">Go to namae</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fneumorphism.io/medium/16:9/" alt="Screenshot of Neumorphism.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Neumorphism.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Generate Soft-UI CSS with box-shadows and gradients</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><a class="btn--full card-link margin-top-auto" href="https://neumorphism.io?ref=tiny-helpers">Go to Neumorphism.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.digitalocean.com%2Fcommunity%2Ftools%2Fnginx/medium/16:9/" alt="Screenshot of NGINX Config" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">NGINX Config</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/system-administration/" class="btn--bubble">System Administration</a></li></ul><p class="margin-top-s margin-bottom-m">Configure a performant, secure and stable NGINX server</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.digitalocean.com/community/tools/nginx?ref=tiny-helpers">Go to NGINX Config</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fnginx-playground.wizardzines.com%2F/medium/16:9/" alt="Screenshot of nginx playground" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">nginx playground</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/system-administration/" class="btn--bubble">System Administration</a></li></ul><p class="margin-top-s margin-bottom-m">Paste in an nginx config, start nginx and runs any curl or http command against that nginx server.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2021</div><a class="btn--full card-link margin-top-auto" href="https://nginx-playground.wizardzines.com/?ref=tiny-helpers">Go to nginx playground</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fnicen.pw%2F/medium/16:9/" alt="Screenshot of Nicen" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Nicen</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Make your code look nicer</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/akx" class="no-underline" aria-label="akx on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=akx&size=40, /api/user-image/?user=akx&size=80 2x" src="/api/user-image/?user=akx" alt="GitHub profile image of akx" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://nicen.pw/?ref=tiny-helpers">Go to Nicen</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffffuel.co%2Fnnnoise%2F/medium/16:9/" alt="Screenshot of nnnoise" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">nnnoise</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Generate SVG noise textures</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/thisisseb" class="no-underline" aria-label="thisisseb on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=thisisseb&size=40, /api/user-image/?user=thisisseb&size=80 2x" src="/api/user-image/?user=thisisseb" alt="GitHub profile image of thisisseb" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://fffuel.co/nnnoise/?ref=tiny-helpers">Go to nnnoise</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fnon-boring-gradients.netlify.app%2F/medium/16:9/" alt="Screenshot of Non Boring Gradients" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Non Boring Gradients</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate good-looking gradients.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><a class="btn--full card-link margin-top-auto" href="https://non-boring-gradients.netlify.app/?ref=tiny-helpers">Go to Non Boring Gradients</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fnpmgraph.js.org%2F/medium/16:9/" alt="Screenshot of npmgraph" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">npmgraph</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/npm/" class="btn--bubble">npm</a></li></ul><p class="margin-top-s margin-bottom-m">Explore and inspect and npm package's dependencies.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2023</div><a class="btn--full card-link margin-top-auto" href="https://npmgraph.js.org/?ref=tiny-helpers">Go to npmgraph</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fnpmview.now.sh%2F/medium/16:9/" alt="Screenshot of npmview" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">npmview</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/npm/" class="btn--bubble">npm</a></li></ul><p class="margin-top-s margin-bottom-m">View npm package files</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/pd4d10" class="no-underline" aria-label="pd4d10 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pd4d10&size=40, /api/user-image/?user=pd4d10&size=80 2x" src="/api/user-image/?user=pd4d10" alt="GitHub profile image of pd4d10" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://npmview.now.sh/?ref=tiny-helpers">Go to npmview</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fnumbr.dev%2F/medium/16:9/" alt="Screenshot of Numbr" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Numbr</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Calculate your formulars in a notepad</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><a class="btn--full card-link margin-top-auto" href="https://numbr.dev/?ref=tiny-helpers">Go to Numbr</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fojoy.zaps.dev%2F/medium/16:9/" alt="Screenshot of Ojoy" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Ojoy</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Enlarge low-res photos and improve their quality.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2021</div><a class="btn--full card-link margin-top-auto" href="https://ojoy.zaps.dev/?ref=tiny-helpers">Go to Ojoy</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Foklch.evilmartians.io%2F/medium/16:9/" alt="Screenshot of OKLCH color converter" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">OKLCH color converter</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Pick and convert oklch colors.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2022</div><a class="btn--full card-link margin-top-auto" href="https://oklch.evilmartians.io/?ref=tiny-helpers">Go to OKLCH color converter</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fokso.app%2F/medium/16:9/" alt="Screenshot of OkSo" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">OkSo</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Draw your ideas in a minimal yet beautiful app.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/trekhleb" class="no-underline" aria-label="trekhleb on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=trekhleb&size=40, /api/user-image/?user=trekhleb&size=80 2x" src="/api/user-image/?user=trekhleb" alt="GitHub profile image of trekhleb" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://okso.app/?ref=tiny-helpers">Go to OkSo</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fonetimesecret.com%2F/medium/16:9/" alt="Screenshot of One Time Secret" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">One Time Secret</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Keep sensitive info out of your email and chat logs.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2021</div><a class="btn--full card-link margin-top-auto" href="https://onetimesecret.com/?ref=tiny-helpers">Go to One Time Secret</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcurlbuilder.com%2F/medium/16:9/" alt="Screenshot of Online Curl Command Line Builder" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Online Curl Command Line Builder</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/command-line/" class="btn--bubble">Command line</a></li><li class="margin-right-xs margin-bottom-s"><a href="/http/" class="btn--bubble">HTTP</a></li></ul><p class="margin-top-s margin-bottom-m">Generate curl command lines to test your new shining API or whatever easily!</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/tuxone" class="no-underline" aria-label="tuxone on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=tuxone&size=40, /api/user-image/?user=tuxone&size=80 2x" src="/api/user-image/?user=tuxone" alt="GitHub profile image of tuxone" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://curlbuilder.com/?ref=tiny-helpers">Go to Online Curl Command Line Builder</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/%09https%3A%2F%2Fonlinegiftools.com%2F/medium/16:9/" alt="Screenshot of Online GIF Tools" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Online GIF Tools</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Create, edit and convert GIFs.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><a class="btn--full card-link margin-top-auto" href="https://onlinegiftools.com/?ref=tiny-helpers">Go to Online GIF Tools</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcakedesk.app%2Finvoice/medium/16:9/" alt="Screenshot of Online Invoice Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Online Invoice Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Generate invoices in the browser and download them as PDF.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/maximilianschmitt" class="no-underline" aria-label="maximilianschmitt on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=maximilianschmitt&size=40, /api/user-image/?user=maximilianschmitt&size=80 2x" src="/api/user-image/?user=maximilianschmitt" alt="GitHub profile image of maximilianschmitt" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://cakedesk.app/invoice?ref=tiny-helpers">Go to Online Invoice Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fonlineinterview.io%2F/medium/16:9/" alt="Screenshot of OnlineInterview.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">OnlineInterview.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Share a code editor with other developers, run your code on the browser and talk via video chat.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/hvidal" class="no-underline" aria-label="hvidal on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=hvidal&size=40, /api/user-image/?user=hvidal&size=80 2x" src="/api/user-image/?user=hvidal" alt="GitHub profile image of hvidal" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://onlineinterview.io/?ref=tiny-helpers">Go to OnlineInterview.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fopenapidesigner.com/medium/16:9/" alt="Screenshot of Open API Designer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Open API Designer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/api/" class="btn--bubble">API</a></li></ul><p class="margin-top-s margin-bottom-m">Create Open API 3 definition documents</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/rodenacker" class="no-underline" aria-label="rodenacker on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=rodenacker&size=40, /api/user-image/?user=rodenacker&size=80 2x" src="/api/user-image/?user=rodenacker" alt="GitHub profile image of rodenacker" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://openapidesigner.com?ref=tiny-helpers">Go to Open API Designer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.opengraph.xyz%2F/medium/16:9/" alt="Screenshot of Opengraph" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Opengraph</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li><li class="margin-right-xs margin-bottom-s"><a href="/seo/" class="btn--bubble">SEO</a></li></ul><p class="margin-top-s margin-bottom-m">Preview and generate open graph meta tags for your website</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/swsalim" class="no-underline" aria-label="swsalim on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=swsalim&size=40, /api/user-image/?user=swsalim&size=80 2x" src="/api/user-image/?user=swsalim" alt="GitHub profile image of swsalim" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.opengraph.xyz/?ref=tiny-helpers">Go to Opengraph</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fopenmoji.org%2F/medium/16:9/" alt="Screenshot of OpenMoji" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">OpenMoji</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find open source emoji icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2021</div><a class="btn--full card-link margin-top-auto" href="https://openmoji.org/?ref=tiny-helpers">Go to OpenMoji</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjoshwcomeau.com%2Foperator-lookup%2F/medium/16:9/" alt="Screenshot of Operator Lookup" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Operator Lookup</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Learn more about JavaScript operators</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/joshwcomeau" class="no-underline" aria-label="joshwcomeau on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=joshwcomeau&size=40, /api/user-image/?user=joshwcomeau&size=80 2x" src="/api/user-image/?user=joshwcomeau" alt="GitHub profile image of joshwcomeau" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://joshwcomeau.com/operator-lookup/?ref=tiny-helpers">Go to Operator Lookup</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdiff.intrinsic.com%2F/medium/16:9/" alt="Screenshot of Package Diff" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Package Diff</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/npm/" class="btn--bubble">npm</a></li></ul><p class="margin-top-s margin-bottom-m">Display a diff between two versions of the same npm package</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2020</div><a class="btn--full card-link margin-top-auto" href="https://diff.intrinsic.com/?ref=tiny-helpers">Go to Package Diff</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmajors.nullvoxpopuli.com%2F/medium/16:9/" alt="Screenshot of package-majors" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">package-majors</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/npm/" class="btn--bubble">npm</a></li></ul><p class="margin-top-s margin-bottom-m">Inspect a package's npm downloads per version.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/NullVoxPopuli" class="no-underline" aria-label="NullVoxPopuli on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=NullVoxPopuli&size=40, /api/user-image/?user=NullVoxPopuli&size=80 2x" src="/api/user-image/?user=NullVoxPopuli" alt="GitHub profile image of NullVoxPopuli" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://majors.nullvoxpopuli.com/?ref=tiny-helpers">Go to package-majors</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpalettte.app%2F/medium/16:9/" alt="Screenshot of Palettte" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Palettte</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Create color palettes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><a class="btn--full card-link margin-top-auto" href="https://palettte.app/?ref=tiny-helpers">Go to Palettte</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcolormixer.web.app%2F/medium/16:9/" alt="Screenshot of Parametric Color Mixer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Parametric Color Mixer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate a beautiful color palette</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2020</div><a class="btn--full card-link margin-top-auto" href="https://colormixer.web.app/?ref=tiny-helpers">Go to Parametric Color Mixer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fparseurlonline.com/medium/16:9/" alt="Screenshot of Parse Url Online" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Parse Url Online</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/url/" class="btn--bubble">URL</a></li><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Visualize, edit, analyze and compare URLs</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2023</div><a class="btn--full card-link margin-top-auto" href="https://parseurlonline.com?ref=tiny-helpers">Go to Parse Url Online</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpasswordgenerator.pericodes.com%2F/medium/16:9/" alt="Screenshot of Password Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Password Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Generate a random password in the browser.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Pericodes" class="no-underline" aria-label="Pericodes on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Pericodes&size=40, /api/user-image/?user=Pericodes&size=80 2x" src="/api/user-image/?user=Pericodes" alt="GitHub profile image of Pericodes" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://passwordgenerator.pericodes.com/?ref=tiny-helpers">Go to Password Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpattern.monster%2F/medium/16:9/" alt="Screenshot of Pattern Monster" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Pattern Monster</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Find customizable SVG patterns.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/catchspider2002" class="no-underline" aria-label="catchspider2002 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=catchspider2002&size=40, /api/user-image/?user=catchspider2002&size=80 2x" src="/api/user-image/?user=catchspider2002" alt="GitHub profile image of catchspider2002" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://pattern.monster/?ref=tiny-helpers">Go to Pattern Monster</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpatternico.com%2F/medium/16:9/" alt="Screenshot of patternico" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">patternico</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Generate background patterns</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><a class="btn--full card-link margin-top-auto" href="https://patternico.com/?ref=tiny-helpers">Go to patternico</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.pdftool.org/medium/16:9/" alt="Screenshot of PDF Tool" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">PDF Tool</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/pdf/" class="btn--bubble">PDF</a></li></ul><p class="margin-top-s margin-bottom-m">Edit PDF files right in your browser.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2023</div><a class="btn--full card-link margin-top-auto" href="https://www.pdftool.org?ref=tiny-helpers">Go to PDF Tool</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftools.pdf24.org%2Fen%2F/medium/16:9/" alt="Screenshot of PDF24 Tools" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">PDF24 Tools</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/tool-collections/" class="btn--bubble">Tool Collections</a></li></ul><p class="margin-top-s margin-bottom-m">Edit, update and create PDFs.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2022</div><a class="btn--full card-link margin-top-auto" href="https://tools.pdf24.org/en/?ref=tiny-helpers">Go to PDF24 Tools</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjsnmrs.github.io%2Fpdfcheck%2F/medium/16:9/" alt="Screenshot of PDFcheck" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">PDFcheck</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/pdf/" class="btn--bubble">PDF</a></li></ul><p class="margin-top-s margin-bottom-m">Check PDF files for signs of inaccessibility</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jsnmrs" class="no-underline" aria-label="jsnmrs on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jsnmrs&size=40, /api/user-image/?user=jsnmrs&size=80 2x" src="/api/user-image/?user=jsnmrs" alt="GitHub profile image of jsnmrs" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://jsnmrs.github.io/pdfcheck/?ref=tiny-helpers">Go to PDFcheck</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.perfect-freehand.com%2F/medium/16:9/" alt="Screenshot of perfect-freehand" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">perfect-freehand</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Draw perfect pressure-sensitive freehand lines.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/steveruizok" class="no-underline" aria-label="steveruizok on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=steveruizok&size=40, /api/user-image/?user=steveruizok&size=80 2x" src="/api/user-image/?user=steveruizok" alt="GitHub profile image of steveruizok" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.perfect-freehand.com/?ref=tiny-helpers">Go to perfect-freehand</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fphish.report/medium/16:9/" alt="Screenshot of Phish.Report" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Phish.Report</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly report a phishing site to the hosting provider and the security community.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/bradleyjkemp" class="no-underline" aria-label="bradleyjkemp on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bradleyjkemp&size=40, /api/user-image/?user=bradleyjkemp&size=80 2x" src="/api/user-image/?user=bradleyjkemp" alt="GitHub profile image of bradleyjkemp" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://phish.report?ref=tiny-helpers">Go to Phish.Report</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2F10015.io%2Ftools%2Fphoto-censor/medium/16:9/" alt="Screenshot of Photo Censor" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Photo Censor</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Censor photos and hide faces by pixellating/blurring them.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><a class="btn--full card-link margin-top-auto" href="https://10015.io/tools/photo-censor?ref=tiny-helpers">Go to Photo Censor</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.photopea.com%2F/medium/16:9/" alt="Screenshot of Photopea" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Photopea</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Edit and create Photoshop files in your browser</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.photopea.com/?ref=tiny-helpers">Go to Photopea</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Floilo.github.io%2Fphp-arena%2F/medium/16:9/" alt="Screenshot of PHP Arena" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">PHP Arena</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/php/" class="btn--bubble">PHP</a></li></ul><p class="margin-top-s margin-bottom-m">Run PHP in your browser</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/loilo" class="no-underline" aria-label="loilo on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=loilo&size=40, /api/user-image/?user=loilo&size=80 2x" src="/api/user-image/?user=loilo" alt="GitHub profile image of loilo" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://loilo.github.io/php-arena/?ref=tiny-helpers">Go to PHP Arena</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fphphub.net%2Fregex%2F/medium/16:9/" alt="Screenshot of PHPrex" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">PHPrex</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/php/" class="btn--bubble">PHP</a></li><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li></ul><p class="margin-top-s margin-bottom-m">Test PHP regular expressions directly in your browser</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/cyr1l0u" class="no-underline" aria-label="cyr1l0u on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=cyr1l0u&size=40, /api/user-image/?user=cyr1l0u&size=80 2x" src="/api/user-image/?user=cyr1l0u" alt="GitHub profile image of cyr1l0u" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://phphub.net/regex/?ref=tiny-helpers">Go to PHPrex</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpicsvg.com%2F/medium/16:9/" alt="Screenshot of Picsvg" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Picsvg</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Convert a picture to SVG.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2021</div><a class="btn--full card-link margin-top-auto" href="https://picsvg.com/?ref=tiny-helpers">Go to Picsvg</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpiechartmaker.co%2F/medium/16:9/" alt="Screenshot of Pie Chart Maker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Pie Chart Maker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create pie charts with just few clicks</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2022</div><a class="btn--full card-link margin-top-auto" href="https://piechartmaker.co/?ref=tiny-helpers">Go to Pie Chart Maker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpika.style%2F/medium/16:9/" alt="Screenshot of Pika" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Pika</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Prettify your screenshots.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/rishimohan" class="no-underline" aria-label="rishimohan on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=rishimohan&size=40, /api/user-image/?user=rishimohan&size=80 2x" src="/api/user-image/?user=rishimohan" alt="GitHub profile image of rishimohan" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://pika.style/?ref=tiny-helpers">Go to Pika</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpixelarticons.com%2F/medium/16:9/" alt="Screenshot of Pixelarticons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Pixelarticons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find pixelart icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/halfmage" class="no-underline" aria-label="halfmage on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=halfmage&size=40, /api/user-image/?user=halfmage&size=80 2x" src="/api/user-image/?user=halfmage" alt="GitHub profile image of halfmage" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://pixelarticons.com/?ref=tiny-helpers">Go to Pixelarticons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/%20https%3A%2F%2Fpixelcorners.lukeb.co.uk/medium/16:9/" alt="Screenshot of Pixelated rounded corners" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Pixelated rounded corners</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Generate pixelated rounded corners for your website using CSS clip-path</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/CodeFoodPixels" class="no-underline" aria-label="CodeFoodPixels on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=CodeFoodPixels&size=40, /api/user-image/?user=CodeFoodPixels&size=80 2x" src="/api/user-image/?user=CodeFoodPixels" alt="GitHub profile image of CodeFoodPixels" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://pixelcorners.lukeb.co.uk?ref=tiny-helpers">Go to Pixelated rounded corners</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpkg-graph.info%2F/medium/16:9/" alt="Screenshot of pkg-graph" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">pkg-graph</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/npm/" class="btn--bubble">npm</a></li></ul><p class="margin-top-s margin-bottom-m">Visualize the dependency graph of npm packages</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/yuyinws" class="no-underline" aria-label="yuyinws on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=yuyinws&size=40, /api/user-image/?user=yuyinws&size=80 2x" src="/api/user-image/?user=yuyinws" alt="GitHub profile image of yuyinws" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://pkg-graph.info/?ref=tiny-helpers">Go to pkg-graph</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpkg-size.dev/medium/16:9/" alt="Screenshot of pkg-size" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">pkg-size</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/npm/" class="btn--bubble">npm</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Find the true size of an npm package.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/privatenumber" class="no-underline" aria-label="privatenumber on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=privatenumber&size=40, /api/user-image/?user=privatenumber&size=80 2x" src="/api/user-image/?user=privatenumber" alt="GitHub profile image of privatenumber" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://pkg-size.dev?ref=tiny-helpers">Go to pkg-size</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fplaceholderimage.dev/medium/16:9/" alt="Screenshot of Placeholder Image Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Placeholder Image Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Generate dummy images as data URIs, which don't depend on external services</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/bendera" class="no-underline" aria-label="bendera on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bendera&size=40, /api/user-image/?user=bendera&size=80 2x" src="/api/user-image/?user=bendera" alt="GitHub profile image of bendera" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://placeholderimage.dev?ref=tiny-helpers">Go to Placeholder Image Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpoet.so/medium/16:9/" alt="Screenshot of Poet.so" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Poet.so</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create beautiful images of Tweets.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><a class="btn--full card-link margin-top-auto" href="https://poet.so?ref=tiny-helpers">Go to Poet.so</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fscreenspan.net%2Fpolka%2F/medium/16:9/" alt="Screenshot of Polka Dot Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Polka Dot Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Generate CSS-only polka dot patterns.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><a class="btn--full card-link margin-top-auto" href="https://screenspan.net/polka/?ref=tiny-helpers">Go to Polka Dot Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpolychroma.app%2F/medium/16:9/" alt="Screenshot of Polychroma" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Polychroma</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate gradients without the gray dead zone.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/stormwarning" class="no-underline" aria-label="stormwarning on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=stormwarning&size=40, /api/user-image/?user=stormwarning&size=80 2x" src="/api/user-image/?user=stormwarning" alt="GitHub profile image of stormwarning" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://polychroma.app/?ref=tiny-helpers">Go to Polychroma</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffffuel.co%2Fpppalette%2F/medium/16:9/" alt="Screenshot of pppalette" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">pppalette</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate beautiful color palettes</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/thisisseb" class="no-underline" aria-label="thisisseb on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=thisisseb&size=40, /api/user-image/?user=thisisseb&size=80 2x" src="/api/user-image/?user=thisisseb" alt="GitHub profile image of thisisseb" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://fffuel.co/pppalette/?ref=tiny-helpers">Go to pppalette</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffffuel.co%2Fpppointed%2F/medium/16:9/" alt="Screenshot of pppointed" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">pppointed</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create SVG arrows.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2022</div><a class="btn--full card-link margin-top-auto" href="https://fffuel.co/pppointed/?ref=tiny-helpers">Go to pppointed</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fprettysnap.app%2F/medium/16:9/" alt="Screenshot of Pretty Snap" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Pretty Snap</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Add backgrounds to screenshots</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/kangabru" class="no-underline" aria-label="kangabru on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=kangabru&size=40, /api/user-image/?user=kangabru&size=80 2x" src="/api/user-image/?user=kangabru" alt="GitHub profile image of kangabru" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://prettysnap.app/?ref=tiny-helpers">Go to Pretty Snap</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpretty-print-json.js.org%2F/medium/16:9/" alt="Screenshot of Pretty-Print JSON" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Pretty-Print JSON</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">Format JSON quickly</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/dpilafian" class="no-underline" aria-label="dpilafian on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dpilafian&size=40, /api/user-image/?user=dpilafian&size=80 2x" src="/api/user-image/?user=dpilafian" alt="GitHub profile image of dpilafian" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://pretty-print-json.js.org/?ref=tiny-helpers">Go to Pretty-Print JSON</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fprimer.style%2Fprism%2F/medium/16:9/" alt="Screenshot of Primer Prism" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Primer Prism</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Create cohesive, consistent, and accessible color palettes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><a class="btn--full card-link margin-top-auto" href="https://primer.style/prism/?ref=tiny-helpers">Go to Primer Prism</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fproductshot.app%2F/medium/16:9/" alt="Screenshot of ProductShot" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ProductShot</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Generate screenshots that focus users' attention.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><a class="btn--full card-link margin-top-auto" href="https://productshot.app/?ref=tiny-helpers">Go to ProductShot</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.profileme.dev%2F/medium/16:9/" alt="Screenshot of ProfileMe.dev" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ProfileMe.dev</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create an awesome GitHub profile in minutes</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/danielcranney" class="no-underline" aria-label="danielcranney on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=danielcranney&size=40, /api/user-image/?user=danielcranney&size=80 2x" src="/api/user-image/?user=danielcranney" alt="GitHub profile image of danielcranney" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.profileme.dev/?ref=tiny-helpers">Go to ProfileMe.dev</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.programmingfonts.org%2F/medium/16:9/" alt="Screenshot of programming-fonts" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">programming-fonts</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Test drive all the programming fonts</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/braver" class="no-underline" aria-label="braver on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=braver&size=40, /api/user-image/?user=braver&size=80 2x" src="/api/user-image/?user=braver" alt="GitHub profile image of braver" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.programmingfonts.org/?ref=tiny-helpers">Go to programming-fonts</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpublint.dev%2F/medium/16:9/" alt="Screenshot of publint" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">publint</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/npm/" class="btn--bubble">npm</a></li></ul><p class="margin-top-s margin-bottom-m">Lint npm packages for packaging errors.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/bluwy" class="no-underline" aria-label="bluwy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bluwy&size=40, /api/user-image/?user=bluwy&size=80 2x" src="/api/user-image/?user=bluwy" alt="GitHub profile image of bluwy" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://publint.dev/?ref=tiny-helpers">Go to publint</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.pwabuilder.com%2F/medium/16:9/" alt="Screenshot of PWA builder" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">PWA builder</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/pwa/" class="btn--bubble">PWA</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly and easily turn your website into an app</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.pwabuilder.com/?ref=tiny-helpers">Go to PWA builder</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fqrcode.show%2F/medium/16:9/" alt="Screenshot of QRcode.show" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">QRcode.show</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Generate QR codes easily.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/sayanarijit" class="no-underline" aria-label="sayanarijit on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=sayanarijit&size=40, /api/user-image/?user=sayanarijit&size=80 2x" src="/api/user-image/?user=sayanarijit" alt="GitHub profile image of sayanarijit" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://qrcode.show/?ref=tiny-helpers">Go to QRcode.show</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fquantityqueries.com%2F/medium/16:9/" alt="Screenshot of Quantity Queries" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Quantity Queries</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Generate CSS Quantity Queries to count elements and apply styles</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/drewminns" class="no-underline" aria-label="drewminns on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=drewminns&size=40, /api/user-image/?user=drewminns&size=80 2x" src="/api/user-image/?user=drewminns" alt="GitHub profile image of drewminns" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://quantityqueries.com/?ref=tiny-helpers">Go to Quantity Queries</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fapp.quicktype.io%2F/medium/16:9/" alt="Screenshot of quicktype" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">quicktype</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li></ul><p class="margin-top-s margin-bottom-m">Generate types and converters from JSON, Schema, and GraphQL.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2023</div><a class="btn--full card-link margin-top-auto" href="https://app.quicktype.io/?ref=tiny-helpers">Go to quicktype</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ficons.modulz.app%2F/medium/16:9/" alt="Screenshot of Radix Icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Radix Icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Get a crisp set of 15×15 icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2020</div><a class="btn--full card-link margin-top-auto" href="https://icons.modulz.app/?ref=tiny-helpers">Go to Radix Icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftoolcool.org%2Frandom-favicon-generator%2F/medium/16:9/" alt="Screenshot of Random Favicon Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Random Favicon Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/favicons/" class="btn--bubble">Favicons</a></li></ul><p class="margin-top-s margin-bottom-m">Create and style a random faviconwq</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><a class="btn--full card-link margin-top-auto" href="https://toolcool.org/random-favicon-generator/?ref=tiny-helpers">Go to Random Favicon Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Frange-input-css.netlify.app%2F/medium/16:9/" alt="Screenshot of range-input.css" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">range-input.css</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Generate CSS to style range inputs that look consistent across all browsers</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Cool-Runningz" class="no-underline" aria-label="Cool-Runningz on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Cool-Runningz&size=40, /api/user-image/?user=Cool-Runningz&size=80 2x" src="/api/user-image/?user=Cool-Runningz" alt="GitHub profile image of Cool-Runningz" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://range-input-css.netlify.app/?ref=tiny-helpers">Go to range-input.css</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fratiobuddy.com/medium/16:9/" alt="Screenshot of Ratio Buddy" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Ratio Buddy</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Calculate CSS aspect ratio's</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Tristam3000" class="no-underline" aria-label="Tristam3000 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Tristam3000&size=40, /api/user-image/?user=Tristam3000&size=80 2x" src="/api/user-image/?user=Tristam3000" alt="GitHub profile image of Tristam3000" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://ratiobuddy.com?ref=tiny-helpers">Go to Ratio Buddy</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fray.so%2F/medium/16:9/" alt="Screenshot of Ray.so" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Ray.so</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create and share beautiful images of your source code.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><a class="btn--full card-link margin-top-auto" href="https://ray.so/?ref=tiny-helpers">Go to Ray.so</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Freact-spring-visualizer.com%2F/medium/16:9/" alt="Screenshot of React-spring visualizer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">React-spring visualizer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Tweak your spring animation configuration</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/JoostKiens" class="no-underline" aria-label="JoostKiens on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=JoostKiens&size=40, /api/user-image/?user=JoostKiens&size=80 2x" src="/api/user-image/?user=JoostKiens" alt="GitHub profile image of JoostKiens" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://react-spring-visualizer.com/?ref=tiny-helpers">Go to React-spring visualizer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Freadme.so%2F/medium/16:9/" alt="Screenshot of readme.so" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">readme.so</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/markdown/" class="btn--bubble">Markdown</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create great looking readmes for your project.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/octokatherine" class="no-underline" aria-label="octokatherine on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=octokatherine&size=40, /api/user-image/?user=octokatherine&size=80 2x" src="/api/user-image/?user=octokatherine" alt="GitHub profile image of octokatherine" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://readme.so/?ref=tiny-helpers">Go to readme.so</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fredact.photo%2F/medium/16:9/" alt="Screenshot of Redact Photo" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Redact Photo</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Censor sensitive information online.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://redact.photo/?ref=tiny-helpers">Go to Redact Photo</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fredirectdetective.com%2F/medium/16:9/" alt="Screenshot of Redirect Detective" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Redirect Detective</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Analyze redirects without opening them yourself.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2021</div><a class="btn--full card-link margin-top-auto" href="https://redirectdetective.com/?ref=tiny-helpers">Go to Redirect Detective</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fregex-vis.com%2F/medium/16:9/" alt="Screenshot of Regex-Vis" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Regex-Vis</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li></ul><p class="margin-top-s margin-bottom-m">Analyze regular expressions.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Bowen7" class="no-underline" aria-label="Bowen7 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Bowen7&size=40, /api/user-image/?user=Bowen7&size=80 2x" src="/api/user-image/?user=Bowen7" alt="GitHub profile image of Bowen7" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://regex-vis.com/?ref=tiny-helpers">Go to Regex-Vis</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fregex.rip%2F/medium/16:9/" alt="Screenshot of regex.rip" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">regex.rip</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li></ul><p class="margin-top-s margin-bottom-m">Test whether a regular expression is vulnerable to regular expression denial of service.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2023</div><a class="btn--full card-link margin-top-auto" href="https://regex.rip/?ref=tiny-helpers">Go to regex.rip</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fregex.help/medium/16:9/" alt="Screenshot of regex:help!" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">regex:help!</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li></ul><p class="margin-top-s margin-bottom-m">Generate a regular expression from example strings.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2021</div><a class="btn--full card-link margin-top-auto" href="https://regex.help?ref=tiny-helpers">Go to regex:help!</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fregexper.com/medium/16:9/" alt="Screenshot of Regexper" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Regexper</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li></ul><p class="margin-top-s margin-bottom-m">Visualize regular expressions.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2023</div><a class="btn--full card-link margin-top-auto" href="https://regexper.com?ref=tiny-helpers">Go to Regexper</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fregexr.com%2F/medium/16:9/" alt="Screenshot of RegExr" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">RegExr</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li></ul><p class="margin-top-s margin-bottom-m">Learn, build, & test Regular Expressions</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/gskinner" class="no-underline" aria-label="gskinner on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=gskinner&size=40, /api/user-image/?user=gskinner&size=80 2x" src="/api/user-image/?user=gskinner" alt="GitHub profile image of gskinner" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://regexr.com/?ref=tiny-helpers">Go to RegExr</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fregex101.com%2F/medium/16:9/" alt="Screenshot of regular expresssions 101" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">regular expresssions 101</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li></ul><p class="margin-top-s margin-bottom-m">Learn, build, & test Regular Expressions</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/firasdib" class="no-underline" aria-label="firasdib on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=firasdib&size=40, /api/user-image/?user=firasdib&size=80 2x" src="/api/user-image/?user=firasdib" alt="GitHub profile image of firasdib" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://regex101.com/?ref=tiny-helpers">Go to regular expresssions 101</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fremixicon.com/medium/16:9/" alt="Screenshot of Remix Icon" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Remix Icon</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Find almost any type of SVG/PNG icon</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/wendygaoyuan" class="no-underline" aria-label="wendygaoyuan on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=wendygaoyuan&size=40, /api/user-image/?user=wendygaoyuan&size=80 2x" src="/api/user-image/?user=wendygaoyuan" alt="GitHub profile image of wendygaoyuan" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/xiaochunjimmy" class="no-underline" aria-label="xiaochunjimmy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=xiaochunjimmy&size=40, /api/user-image/?user=xiaochunjimmy&size=80 2x" src="/api/user-image/?user=xiaochunjimmy" alt="GitHub profile image of xiaochunjimmy" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://remixicon.com?ref=tiny-helpers">Go to Remix Icon</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fremixicon.com%2F/medium/16:9/" alt="Screenshot of Remix Icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Remix Icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find free and consistant vector icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2023</div><a class="btn--full card-link margin-top-auto" href="https://remixicon.com/?ref=tiny-helpers">Go to Remix Icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fremovephotodata.com%2F/medium/16:9/" alt="Screenshot of Remove Photo Data" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Remove Photo Data</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Remove personal data such as location from images. Works on your computer only, no service or third party involved</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/codepo8" class="no-underline" aria-label="codepo8 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=codepo8&size=40, /api/user-image/?user=codepo8&size=80 2x" src="/api/user-image/?user=codepo8" alt="GitHub profile image of codepo8" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="http://removephotodata.com/?ref=tiny-helpers">Go to Remove Photo Data</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.remove.bg%2F/medium/16:9/" alt="Screenshot of removebg" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">removebg</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Remove backgrounds 100% automatically in 5 seconds with zero clicks</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><a class="btn--full card-link margin-top-auto" href="https://www.remove.bg/?ref=tiny-helpers">Go to removebg</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.repotrends.com%2F/medium/16:9/" alt="Screenshot of Repo Trends" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Repo Trends</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">View and analyze trends in repository issues over time</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/sdsanders" class="no-underline" aria-label="sdsanders on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=sdsanders&size=40, /api/user-image/?user=sdsanders&size=80 2x" src="/api/user-image/?user=sdsanders" alt="GitHub profile image of sdsanders" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.repotrends.com/?ref=tiny-helpers">Go to Repo Trends</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.responsivebreakpoints.com%2F/medium/16:9/" alt="Screenshot of Responsive Breakpoints" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Responsive Breakpoints</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Create responsive breakpoints for your images and get the adequate HTML them</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.responsivebreakpoints.com/?ref=tiny-helpers">Go to Responsive Breakpoints</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhtmlemail.io%2Finline%2F/medium/16:9/" alt="Screenshot of Responsive Email CSS Inliner" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Responsive Email CSS Inliner</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/email/" class="btn--bubble">Email</a></li></ul><p class="margin-top-s margin-bottom-m">Paste your HTML with embedded CSS into the input field. We'll take your embedded CSS and inline those styles making your email templates bullet proof for any email client.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/leemunroe" class="no-underline" aria-label="leemunroe on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=leemunroe&size=40, /api/user-image/?user=leemunroe&size=80 2x" src="/api/user-image/?user=leemunroe" alt="GitHub profile image of leemunroe" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://htmlemail.io/inline/?ref=tiny-helpers">Go to Responsive Email CSS Inliner</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fretoucher.online%2F/medium/16:9/" alt="Screenshot of Retoucher" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Retoucher</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Remove background from images online.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2022</div><a class="btn--full card-link margin-top-auto" href="https://retoucher.online/?ref=tiny-helpers">Go to Retoucher</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Frex.antfu.me%2F/medium/16:9/" alt="Screenshot of ReX" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ReX</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li></ul><p class="margin-top-s margin-bottom-m">Transform texts with regular expressions.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/antfu" class="no-underline" aria-label="antfu on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=antfu&size=40, /api/user-image/?user=antfu&size=80 2x" src="/api/user-image/?user=antfu" alt="GitHub profile image of antfu" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://rex.antfu.me/?ref=tiny-helpers">Go to ReX</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Frubular.com%2F/medium/16:9/" alt="Screenshot of Rubular" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Rubular</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li><li class="margin-right-xs margin-bottom-s"><a href="/ruby/" class="btn--bubble">Ruby</a></li></ul><p class="margin-top-s margin-bottom-m">Test regular expressions in Ruby as you write them</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/lovitt" class="no-underline" aria-label="lovitt on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=lovitt&size=40, /api/user-image/?user=lovitt&size=80 2x" src="/api/user-image/?user=lovitt" alt="GitHub profile image of lovitt" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://rubular.com/?ref=tiny-helpers">Go to Rubular</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Frunjs.app%2Fplay/medium/16:9/" alt="Screenshot of RunJS" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">RunJS</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Write and run code with instant feedback.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2024</div><a class="btn--full card-link margin-top-auto" href="https://runjs.app/play?ref=tiny-helpers">Go to RunJS</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Floilo.github.io%2Fsassed%2F/medium/16:9/" alt="Screenshot of sassed" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">sassed</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Transform SCSS to CSS</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/loilo" class="no-underline" aria-label="loilo on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=loilo&size=40, /api/user-image/?user=loilo&size=80 2x" src="/api/user-image/?user=loilo" alt="GitHub profile image of loilo" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://loilo.github.io/sassed/?ref=tiny-helpers">Go to sassed</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsassme.jim-nielsen.com%2F/medium/16:9/" alt="Screenshot of SassMe" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SassMe</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Visualize Sass HSL color functions in real-time without compiling.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jimniels" class="no-underline" aria-label="jimniels on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jimniels&size=40, /api/user-image/?user=jimniels&size=80 2x" src="/api/user-image/?user=jimniels" alt="GitHub profile image of jimniels" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://sassme.jim-nielsen.com/?ref=tiny-helpers">Go to SassMe</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2F2.flexiple.com%2Fscale%2Fall-illustrations/medium/16:9/" alt="Screenshot of Scale" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Scale</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/illustration/" class="btn--bubble">Illustration</a></li></ul><p class="margin-top-s margin-bottom-m">Find high-quality, open-source illustrations</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2020</div><a class="btn--full card-link margin-top-auto" href="https://2.flexiple.com/scale/all-illustrations?ref=tiny-helpers">Go to Scale</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fschemist.fglt.fr/medium/16:9/" alt="Screenshot of Schemist" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Schemist</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Build cohesive and accessible color schemes</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/felixgirault" class="no-underline" aria-label="felixgirault on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=felixgirault&size=40, /api/user-image/?user=felixgirault&size=80 2x" src="/api/user-image/?user=felixgirault" alt="GitHub profile image of felixgirault" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://schemist.fglt.fr?ref=tiny-helpers">Go to Schemist</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fscreensizemap.com%2F/medium/16:9/" alt="Screenshot of Screen size map" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Screen size map</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">See a comparison of screen sizes in device-independent pixel.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/johholl" class="no-underline" aria-label="johholl on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=johholl&size=40, /api/user-image/?user=johholl&size=80 2x" src="/api/user-image/?user=johholl" alt="GitHub profile image of johholl" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://screensizemap.com/?ref=tiny-helpers">Go to Screen size map</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fscreenshot.rocks%2Fapp/medium/16:9/" alt="Screenshot of Screenshot.Rocks" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Screenshot.Rocks</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create beautiful browser & mobile mockups</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/daveearley" class="no-underline" aria-label="daveearley on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=daveearley&size=40, /api/user-image/?user=daveearley&size=80 2x" src="/api/user-image/?user=daveearley" alt="GitHub profile image of daveearley" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://screenshot.rocks/app?ref=tiny-helpers">Go to Screenshot.Rocks</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.screensizes.app%2F/medium/16:9/" alt="Screenshot of screensizes.app" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">screensizes.app</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Find device screen sizes and resolutions.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2021</div><a class="btn--full card-link margin-top-auto" href="https://www.screensizes.app/?ref=tiny-helpers">Go to screensizes.app</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fscrollbar.app/medium/16:9/" alt="Screenshot of Scrollbar.app" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Scrollbar.app</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Design custom scrollbars for the web with easy to use online editor.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/henripar" class="no-underline" aria-label="henripar on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=henripar&size=40, /api/user-image/?user=henripar&size=80 2x" src="/api/user-image/?user=henripar" alt="GitHub profile image of henripar" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://scrollbar.app?ref=tiny-helpers">Go to Scrollbar.app</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsecurityheaders.com%2F/medium/16:9/" alt="Screenshot of Security Headers" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Security Headers</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/http/" class="btn--bubble">HTTP</a></li><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Quickly and easily assess the security of your HTTP response headers.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/ScottHelme" class="no-underline" aria-label="ScottHelme on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ScottHelme&size=40, /api/user-image/?user=ScottHelme&size=80 2x" src="/api/user-image/?user=ScottHelme" alt="GitHub profile image of ScottHelme" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://securityheaders.com/?ref=tiny-helpers">Go to Security Headers</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fkittygiraudel.github.io%2Fselectors-explained%2F/medium/16:9/" alt="Screenshot of Selectors Explained" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Selectors Explained</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Translate CSS selectors into plain English</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/HugoGiraudel" class="no-underline" aria-label="HugoGiraudel on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=HugoGiraudel&size=40, /api/user-image/?user=HugoGiraudel&size=80 2x" src="/api/user-image/?user=HugoGiraudel" alt="GitHub profile image of HugoGiraudel" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://kittygiraudel.github.io/selectors-explained/?ref=tiny-helpers">Go to Selectors Explained</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2F9elements.com%2Fseo-cheat-sheet%2F/medium/16:9/" alt="Screenshot of SEO Cheat Sheet" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SEO Cheat Sheet</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/seo/" class="btn--bubble">SEO</a></li></ul><p class="margin-top-s margin-bottom-m">Find technical SEO best practices for optimizing your site</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Dahfab" class="no-underline" aria-label="Dahfab on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Dahfab&size=40, /api/user-image/?user=Dahfab&size=80 2x" src="/api/user-image/?user=Dahfab" alt="GitHub profile image of Dahfab" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://9elements.com/seo-cheat-sheet/?ref=tiny-helpers">Go to SEO Cheat Sheet</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwweb.dev%2Fresources%2Fcss-separator-generator/medium/16:9/" alt="Screenshot of separator-generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">separator-generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Select and customize section separators</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2020</div><a class="btn--full card-link margin-top-auto" href="https://wweb.dev/resources/css-separator-generator?ref=tiny-helpers">Go to separator-generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fshadows.bruskowski.design%2F/medium/16:9/" alt="Screenshot of Shadow Elevation Editor" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Shadow Elevation Editor</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create and edit a shadow based elevation array for your design system</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/richardbruskowski" class="no-underline" aria-label="richardbruskowski on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=richardbruskowski&size=40, /api/user-image/?user=richardbruskowski&size=80 2x" src="/api/user-image/?user=richardbruskowski" alt="GitHub profile image of richardbruskowski" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://shadows.bruskowski.design/?ref=tiny-helpers">Go to Shadow Elevation Editor</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.joshwcomeau.com%2Fshadow-palette%2F/medium/16:9/" alt="Screenshot of Shadow Palette Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Shadow Palette Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create a set of lush, realistic CSS shadows.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2021</div><a class="btn--full card-link margin-top-auto" href="https://www.joshwcomeau.com/shadow-palette/?ref=tiny-helpers">Go to Shadow Palette Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbrumm.af%2Fshadows/medium/16:9/" alt="Screenshot of Shadows" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Shadows</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create smooth CSS shadows</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/brumm" class="no-underline" aria-label="brumm on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=brumm&size=40, /api/user-image/?user=brumm&size=80 2x" src="/api/user-image/?user=brumm" alt="GitHub profile image of brumm" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://brumm.af/shadows?ref=tiny-helpers">Go to Shadows</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fshapecatcher.com%2F/medium/16:9/" alt="Screenshot of shapecatcher.com" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">shapecatcher.com</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/unicode/" class="btn--bubble">Unicode</a></li></ul><p class="margin-top-s margin-bottom-m">Draw a character and get the Unicode character glyph</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><a class="btn--full card-link margin-top-auto" href="https://shapecatcher.com/?ref=tiny-helpers">Go to shapecatcher.com</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fscrt.link%2F/medium/16:9/" alt="Screenshot of Share a secret" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Share a secret</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Share a secret that only works one time.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://scrt.link/?ref=tiny-helpers">Go to Share a secret</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.sharepad.io%2F/medium/16:9/" alt="Screenshot of SharePad.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SharePad.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Share and collaborate on your code snippets (Python, C, C++, Java)</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2021</div><a class="btn--full card-link margin-top-auto" href="https://www.sharepad.io/?ref=tiny-helpers">Go to SharePad.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.shellcheck.net%2F/medium/16:9/" alt="Screenshot of ShellCheck" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ShellCheck</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/command-line/" class="btn--bubble">Command line</a></li></ul><p class="margin-top-s margin-bottom-m">Finds bugs in your shell scripts</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/koalaman" class="no-underline" aria-label="koalaman on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=koalaman&size=40, /api/user-image/?user=koalaman&size=80 2x" src="/api/user-image/?user=koalaman" alt="GitHub profile image of koalaman" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.shellcheck.net/?ref=tiny-helpers">Go to ShellCheck</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fshots.so/medium/16:9/" alt="Screenshot of Shots" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Shots</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create beautiful image mock ups.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2023</div><a class="btn--full card-link margin-top-auto" href="https://shots.so?ref=tiny-helpers">Go to Shots</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fshowcode.app%2F/medium/16:9/" alt="Screenshot of Show Code" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Show Code</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Take and export beautiful screenshots of your code.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2022</div><a class="btn--full card-link margin-top-auto" href="https://showcode.app/?ref=tiny-helpers">Go to Show Code</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fshrinkme.app%2F/medium/16:9/" alt="Screenshot of ShrinkMe" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ShrinkMe</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Shrink your images.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2022</div><a class="btn--full card-link margin-top-auto" href="https://shrinkme.app/?ref=tiny-helpers">Go to ShrinkMe</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsimpleicons.org%2F/medium/16:9/" alt="Screenshot of Simple Icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Simple Icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find SVG icons for popular brands</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2020</div><a class="btn--full card-link margin-top-auto" href="https://simpleicons.org/?ref=tiny-helpers">Go to Simple Icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fskeleton-loader.web.app%2F/medium/16:9/" alt="Screenshot of skeleton-loader" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">skeleton-loader</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Create single-div CSS skeleton-loaders for your content.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/minaalfy" class="no-underline" aria-label="minaalfy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=minaalfy&size=40, /api/user-image/?user=minaalfy&size=80 2x" src="/api/user-image/?user=minaalfy" alt="GitHub profile image of minaalfy" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://skeleton-loader.web.app/?ref=tiny-helpers">Go to skeleton-loader</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fslice.isthe.link%2F/medium/16:9/" alt="Screenshot of slice/substring/substr comparison" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">slice/substring/substr comparison</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Select part of text and get example call from 3 different string manipulation methods.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/remy" class="no-underline" aria-label="remy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=remy&size=40, /api/user-image/?user=remy&size=80 2x" src="/api/user-image/?user=remy" alt="GitHub profile image of remy" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://slice.isthe.link/?ref=tiny-helpers">Go to slice/substring/substr comparison</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fromannurik.github.io%2FSlidesCodeHighlighter%2F/medium/16:9/" alt="Screenshot of SlideCodeHighlighter" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SlideCodeHighlighter</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create syntax-highlighted code for your slide decks.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/romannurik" class="no-underline" aria-label="romannurik on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=romannurik&size=40, /api/user-image/?user=romannurik&size=80 2x" src="/api/user-image/?user=romannurik" alt="GitHub profile image of romannurik" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://romannurik.github.io/SlidesCodeHighlighter/?ref=tiny-helpers">Go to SlideCodeHighlighter</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fslowfil.es%2F/medium/16:9/" alt="Screenshot of Slowfil.es" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Slowfil.es</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/http/" class="btn--bubble">HTTP</a></li><li class="margin-right-xs margin-bottom-s"><a href="/network/" class="btn--bubble">Network</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Demonstate and observe slow-loading resources.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/csswizardry" class="no-underline" aria-label="csswizardry on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=csswizardry&size=40, /api/user-image/?user=csswizardry&size=80 2x" src="/api/user-image/?user=csswizardry" alt="GitHub profile image of csswizardry" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/ryantownsend" class="no-underline" aria-label="ryantownsend on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ryantownsend&size=40, /api/user-image/?user=ryantownsend&size=80 2x" src="/api/user-image/?user=ryantownsend" alt="GitHub profile image of ryantownsend" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://slowfil.es/?ref=tiny-helpers">Go to Slowfil.es</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsmart-swatch.netlify.com%2F/medium/16:9/" alt="Screenshot of Smart Swatch Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Smart Swatch Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate smart unique color palette without pain</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/ivan-dalmet" class="no-underline" aria-label="ivan-dalmet on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ivan-dalmet&size=40, /api/user-image/?user=ivan-dalmet&size=80 2x" src="/api/user-image/?user=ivan-dalmet" alt="GitHub profile image of ivan-dalmet" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://smart-swatch.netlify.com/?ref=tiny-helpers">Go to Smart Swatch Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsnippet-generator.app%2F/medium/16:9/" alt="Screenshot of snippet generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">snippet generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Generate snippets for VSCode, Sublime Text and Atom</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/pawelgrzybek" class="no-underline" aria-label="pawelgrzybek on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pawelgrzybek&size=40, /api/user-image/?user=pawelgrzybek&size=80 2x" src="/api/user-image/?user=pawelgrzybek" alt="GitHub profile image of pawelgrzybek" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://snippet-generator.app/?ref=tiny-helpers">Go to snippet generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.snippetshot.com%2F/medium/16:9/" alt="Screenshot of Snippet Shot" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Snippet Shot</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Generate screenshots from your code snippets</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.snippetshot.com/?ref=tiny-helpers">Go to Snippet Shot</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fprofile.softcloud.pro%2F/medium/16:9/" alt="Screenshot of Social Media Profile Picture" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Social Media Profile Picture</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Create professional profile picture for social media</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/guiqui" class="no-underline" aria-label="guiqui on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=guiqui&size=40, /api/user-image/?user=guiqui&size=80 2x" src="/api/user-image/?user=guiqui" alt="GitHub profile image of guiqui" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://profile.softcloud.pro/?ref=tiny-helpers">Go to Social Media Profile Picture</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsoftwium.com%2Fregex-explainer%2F/medium/16:9/" alt="Screenshot of Softwium" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Softwium</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/regular-expressions/" class="btn--bubble">Regular Expressions</a></li></ul><p class="margin-top-s margin-bottom-m">Visualize regular expressions.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/cyrilbois" class="no-underline" aria-label="cyrilbois on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=cyrilbois&size=40, /api/user-image/?user=cyrilbois&size=80 2x" src="/api/user-image/?user=cyrilbois" alt="GitHub profile image of cyrilbois" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://softwium.com/regex-explainer/?ref=tiny-helpers">Go to Softwium</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsortjson.com/medium/16:9/" alt="Screenshot of Sort JSON" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Sort JSON</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/json/" class="btn--bubble">JSON</a></li></ul><p class="margin-top-s margin-bottom-m">Sort and format JSON objects</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/ffflorian" class="no-underline" aria-label="ffflorian on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ffflorian&size=40, /api/user-image/?user=ffflorian&size=80 2x" src="/api/user-image/?user=ffflorian" alt="GitHub profile image of ffflorian" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://sortjson.com?ref=tiny-helpers">Go to Sort JSON</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fspamcheck.postmarkapp.com%2F/medium/16:9/" alt="Screenshot of SpamCheck" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SpamCheck</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/email/" class="btn--bubble">Email</a></li></ul><p class="margin-top-s margin-bottom-m">Check the spam score of your emails.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2023</div><a class="btn--full card-link margin-top-auto" href="https://spamcheck.postmarkapp.com/?ref=tiny-helpers">Go to SpamCheck</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fspeedvitals.com/medium/16:9/" alt="Screenshot of SpeedVitals" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SpeedVitals</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li><li class="margin-right-xs margin-bottom-s"><a href="/site-analyzers/" class="btn--bubble">Site analyzers</a></li></ul><p class="margin-top-s margin-bottom-m">SpeedVitals measures Website Performance and helps optimize Core Web Vitals</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/kashishkumawat" class="no-underline" aria-label="kashishkumawat on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=kashishkumawat&size=40, /api/user-image/?user=kashishkumawat&size=80 2x" src="/api/user-image/?user=kashishkumawat" alt="GitHub profile image of kashishkumawat" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://speedvitals.com?ref=tiny-helpers">Go to SpeedVitals</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsqlime.org/medium/16:9/" alt="Screenshot of SQLime" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SQLime</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/database/" class="btn--bubble">Database</a></li></ul><p class="margin-top-s margin-bottom-m">Debug and share SQL snippets.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2021</div><a class="btn--full card-link margin-top-auto" href="https://sqlime.org?ref=tiny-helpers">Go to SQLime</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Finloop.github.io%2Fsqlite-viewer%2F/medium/16:9/" alt="Screenshot of SQLite Viewer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SQLite Viewer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/database/" class="btn--bubble">Database</a></li></ul><p class="margin-top-s margin-bottom-m">View and query SQLite databases</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/inloop" class="no-underline" aria-label="inloop on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=inloop&size=40, /api/user-image/?user=inloop&size=80 2x" src="/api/user-image/?user=inloop" alt="GitHub profile image of inloop" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://inloop.github.io/sqlite-viewer/?ref=tiny-helpers">Go to SQLite Viewer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.sqltranslate.app%2F/medium/16:9/" alt="Screenshot of sqlTranslate" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">sqlTranslate</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/ai/" class="btn--bubble">AI</a></li><li class="margin-right-xs margin-bottom-s"><a href="/database/" class="btn--bubble">Database</a></li></ul><p class="margin-top-s margin-bottom-m">Generate SQL queries from plain language and vice versa.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/whoiskatrin" class="no-underline" aria-label="whoiskatrin on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=whoiskatrin&size=40, /api/user-image/?user=whoiskatrin&size=80 2x" src="/api/user-image/?user=whoiskatrin" alt="GitHub profile image of whoiskatrin" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.sqltranslate.app/?ref=tiny-helpers">Go to sqlTranslate</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsquircley.app%2F/medium/16:9/" alt="Screenshot of Squircley!" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Squircley!</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create beautiful organic SVG shapes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2020</div><a class="btn--full card-link margin-top-auto" href="https://squircley.app/?ref=tiny-helpers">Go to Squircley!</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsquoosh.app%2F/medium/16:9/" alt="Screenshot of Squoosh" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Squoosh</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Make images smaller using best-in-class codecs, right in the browser</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jakearchibald" class="no-underline" aria-label="jakearchibald on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jakearchibald&size=40, /api/user-image/?user=jakearchibald&size=80 2x" src="/api/user-image/?user=jakearchibald" alt="GitHub profile image of jakearchibald" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/surma" class="no-underline" aria-label="surma on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=surma&size=40, /api/user-image/?user=surma&size=80 2x" src="/api/user-image/?user=surma" alt="GitHub profile image of surma" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/developit" class="no-underline" aria-label="developit on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=developit&size=40, /api/user-image/?user=developit&size=80 2x" src="/api/user-image/?user=developit" alt="GitHub profile image of developit" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/PaulKinlan" class="no-underline" aria-label="PaulKinlan on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=PaulKinlan&size=40, /api/user-image/?user=PaulKinlan&size=80 2x" src="/api/user-image/?user=PaulKinlan" alt="GitHub profile image of PaulKinlan" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://squoosh.app/?ref=tiny-helpers">Go to Squoosh</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdecoder.link/medium/16:9/" alt="Screenshot of SSL Checker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SSL Checker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Check, convert or read your SSL certificate and more</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://decoder.link?ref=tiny-helpers">Go to SSL Checker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.ssllabs.com%2Fssltest%2F/medium/16:9/" alt="Screenshot of SSL Server Test" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SSL Server Test</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Perform a deep analysis of the configuration of any SSL web server on the public Internet</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.ssllabs.com/ssltest/?ref=tiny-helpers">Go to SSL Server Test</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffffuel.co%2Fssshape%2F/medium/16:9/" alt="Screenshot of ssshape" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ssshape</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create organic SVG shapes</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/thisisseb" class="no-underline" aria-label="thisisseb on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=thisisseb&size=40, /api/user-image/?user=thisisseb&size=80 2x" src="/api/user-image/?user=thisisseb" alt="GitHub profile image of thisisseb" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://fffuel.co/ssshape/?ref=tiny-helpers">Go to ssshape</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fstaticmapmaker.com%2F/medium/16:9/" alt="Screenshot of Static map maker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Static map maker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/maps/" class="btn--bubble">Maps</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Generate a static map image.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://staticmapmaker.com/?ref=tiny-helpers">Go to Static map maker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftechnicalseo.com%2Ftools%2Fschema-markup-generator/medium/16:9/" alt="Screenshot of Structured Data Schema Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Structured Data Schema Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/seo/" class="btn--bubble">SEO</a></li></ul><p class="margin-top-s margin-bottom-m">Generate structured data for your webpage</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2020</div><a class="btn--full card-link margin-top-auto" href="https://technicalseo.com/tools/schema-markup-generator?ref=tiny-helpers">Go to Structured Data Schema Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcodepen.io%2Fbramus%2Ffull%2FabWdRjL/medium/16:9/" alt="Screenshot of Style Object to Custom Properties Converter" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Style Object to Custom Properties Converter</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Convert a JavaScript Style Object to CSS Custom Properties (CSS Variables)</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/bramus" class="no-underline" aria-label="bramus on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=bramus&size=40, /api/user-image/?user=bramus&size=80 2x" src="/api/user-image/?user=bramus" alt="GitHub profile image of bramus" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://codepen.io/bramus/full/abWdRjL?ref=tiny-helpers">Go to Style Object to Custom Properties Converter</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.toptal.com%2Fdesigners%2Fsubtlepatterns%2F/medium/16:9/" alt="Screenshot of Subtle Patterns" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Subtle Patterns</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Search for patterns that can be used as tileable background images</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/atlemo" class="no-underline" aria-label="atlemo on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=atlemo&size=40, /api/user-image/?user=atlemo&size=80 2x" src="/api/user-image/?user=atlemo" alt="GitHub profile image of atlemo" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.toptal.com/designers/subtlepatterns/?ref=tiny-helpers">Go to Subtle Patterns</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.superdesigner.co/medium/16:9/" alt="Screenshot of Super designer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Super designer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/tool-collections/" class="btn--bubble">Tool Collections</a></li></ul><p class="margin-top-s margin-bottom-m">Create unique looking patterns, images, backgrounds and more with just a few clicks</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/dilpreetsio" class="no-underline" aria-label="dilpreetsio on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dilpreetsio&size=40, /api/user-image/?user=dilpreetsio&size=80 2x" src="/api/user-image/?user=dilpreetsio" alt="GitHub profile image of dilpreetsio" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.superdesigner.co?ref=tiny-helpers">Go to Super designer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsvg2jsx.com%2F/medium/16:9/" alt="Screenshot of SVG 2 JSX" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG 2 JSX</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Transform SVG into valid JSX</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/balajmarius" class="no-underline" aria-label="balajmarius on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=balajmarius&size=40, /api/user-image/?user=balajmarius&size=80 2x" src="/api/user-image/?user=balajmarius" alt="GitHub profile image of balajmarius" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://svg2jsx.com/?ref=tiny-helpers">Go to SVG 2 JSX</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsvgartista.net%2F/medium/16:9/" alt="Screenshot of SVG ARTISTA" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG ARTISTA</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create SVG fill and stroke animations.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2021</div><a class="btn--full card-link margin-top-auto" href="https://svgartista.net/?ref=tiny-helpers">Go to SVG ARTISTA</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.svgbackgrounds.com%2F/medium/16:9/" alt="Screenshot of SVG Backgrounds" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Backgrounds</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Customize and apply SVG backgrounds</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.svgbackgrounds.com/?ref=tiny-helpers">Go to SVG Backgrounds</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fyoksel.github.io%2Frelative-clip-path%2F/medium/16:9/" alt="Screenshot of SVG clip path converter" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG clip path converter</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Preparing SVG paths to be used in CSS clip-path.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/yoksel" class="no-underline" aria-label="yoksel on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=yoksel&size=40, /api/user-image/?user=yoksel&size=80 2x" src="/api/user-image/?user=yoksel" alt="GitHub profile image of yoksel" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://yoksel.github.io/relative-clip-path/?ref=tiny-helpers">Go to SVG clip path converter</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.fecolormatrix.com%2F/medium/16:9/" alt="Screenshot of SVG Color Matrix Mixer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Color Matrix Mixer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Generate nice looking color matrix filters for your images.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2021</div><a class="btn--full card-link margin-top-auto" href="https://www.fecolormatrix.com/?ref=tiny-helpers">Go to SVG Color Matrix Mixer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsvgcrop.com%2F/medium/16:9/" alt="Screenshot of SVG CROP" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG CROP</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Remove blank space from around your SVG</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2021</div><a class="btn--full card-link margin-top-auto" href="https://svgcrop.com/?ref=tiny-helpers">Go to SVG CROP</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fdraw.oooo.so%2F/medium/16:9/" alt="Screenshot of SVG Drawing" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Drawing</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Draw lines and replay them in SVG.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/CatsJuice" class="no-underline" aria-label="CatsJuice on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=CatsJuice&size=40, /api/user-image/?user=CatsJuice&size=80 2x" src="/api/user-image/?user=CatsJuice" alt="GitHub profile image of CatsJuice" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://draw.oooo.so/?ref=tiny-helpers">Go to SVG Drawing</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsvgencode.com%2F/medium/16:9/" alt="Screenshot of SVG Encoder / Converter" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Encoder / Converter</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Convert an SVG into different formats.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/IORoot" class="no-underline" aria-label="IORoot on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=IORoot&size=40, /api/user-image/?user=IORoot&size=80 2x" src="/api/user-image/?user=IORoot" alt="GitHub profile image of IORoot" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://svgencode.com/?ref=tiny-helpers">Go to SVG Encoder / Converter</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Frealfavicongenerator.net%2Fsvg-favicon%2F/medium/16:9/" alt="Screenshot of SVG Favicon Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Favicon Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Generate SG favicons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2021</div><a class="btn--full card-link margin-top-auto" href="https://realfavicongenerator.net/svg-favicon/?ref=tiny-helpers">Go to SVG Favicon Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fformito.com%2Ftools%2Ffavicon/medium/16:9/" alt="Screenshot of SVG Favicon Maker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Favicon Maker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/favicons/" class="btn--bubble">Favicons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Make SVG favicons based on a letter or an emoji</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2020</div><a class="btn--full card-link margin-top-auto" href="https://formito.com/tools/favicon?ref=tiny-helpers">Go to SVG Favicon Maker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsvgfilters.com%2F/medium/16:9/" alt="Screenshot of SVG Filter Builder" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Filter Builder</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create and learn about SVG filters in a drag & drop Designer.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2021</div><a class="btn--full card-link margin-top-auto" href="https://svgfilters.com/?ref=tiny-helpers">Go to SVG Filter Builder</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fyoksel.github.io%2Fsvg-filters/medium/16:9/" alt="Screenshot of SVG Filters" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Filters</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Generate SVG filters</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/yoksel" class="no-underline" aria-label="yoksel on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=yoksel&size=40, /api/user-image/?user=yoksel&size=80 2x" src="/api/user-image/?user=yoksel" alt="GitHub profile image of yoksel" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://yoksel.github.io/svg-filters?ref=tiny-helpers">Go to SVG Filters</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fyoksel.github.io%2Fsvg-gradient-map%2F/medium/16:9/" alt="Screenshot of SVG Gradient Map Filter" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Gradient Map Filter</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create SVG Gradient Map Filters from given colors.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/yoksel" class="no-underline" aria-label="yoksel on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=yoksel&size=40, /api/user-image/?user=yoksel&size=80 2x" src="/api/user-image/?user=yoksel" alt="GitHub profile image of yoksel" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://yoksel.github.io/svg-gradient-map/?ref=tiny-helpers">Go to SVG Gradient Map Filter</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcomplex-bakery.glitch.me%2F/medium/16:9/" alt="Screenshot of SVG Icon a11y Fixer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Icon a11y Fixer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Fix accessibility issues in SVG images exported from tools like Adobe Illustrator</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/mfairchild365" class="no-underline" aria-label="mfairchild365 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mfairchild365&size=40, /api/user-image/?user=mfairchild365&size=80 2x" src="/api/user-image/?user=mfairchild365" alt="GitHub profile image of mfairchild365" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://complex-bakery.glitch.me/?ref=tiny-helpers">Go to SVG Icon a11y Fixer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fyqnn.github.io%2Fsvg-path-editor%2F/medium/16:9/" alt="Screenshot of SVG Path Editor" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Path Editor</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create and manipulate SVG paths</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Yqnn" class="no-underline" aria-label="Yqnn on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Yqnn&size=40, /api/user-image/?user=Yqnn&size=80 2x" src="/api/user-image/?user=Yqnn" alt="GitHub profile image of Yqnn" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://yqnn.github.io/svg-path-editor/?ref=tiny-helpers">Go to SVG Path Editor</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsvg-path-visualizer.netlify.app%2F/medium/16:9/" alt="Screenshot of SVG Path Visualizer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Path Visualizer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Visualize and discover SVG path data commands</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/mathieudutour" class="no-underline" aria-label="mathieudutour on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mathieudutour&size=40, /api/user-image/?user=mathieudutour&size=80 2x" src="/api/user-image/?user=mathieudutour" alt="GitHub profile image of mathieudutour" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://svg-path-visualizer.netlify.app/?ref=tiny-helpers">Go to SVG Path Visualizer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.svgrepo.com%2F/medium/16:9/" alt="Screenshot of SVG REPO" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG REPO</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Search, explore and edit the best-fitting free icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2023</div><a class="btn--full card-link margin-top-auto" href="https://www.svgrepo.com/?ref=tiny-helpers">Go to SVG REPO</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.svgviewer.dev%2F/medium/16:9/" alt="Screenshot of SVG Viewer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVG Viewer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">View, edit and download SVGs.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2024</div><a class="btn--full card-link margin-top-auto" href="https://www.svgviewer.dev/?ref=tiny-helpers">Go to SVG Viewer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsvgwave.in%2F/medium/16:9/" alt="Screenshot of Svg Wave" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Svg Wave</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Generate SVG waves</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/anup-a" class="no-underline" aria-label="anup-a on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=anup-a&size=40, /api/user-image/?user=anup-a&size=80 2x" src="/api/user-image/?user=anup-a" alt="GitHub profile image of anup-a" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://svgwave.in/?ref=tiny-helpers">Go to Svg Wave</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsvgco.de%2F/medium/16:9/" alt="Screenshot of SVGcode" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVGcode</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/favicons/" class="btn--bubble">Favicons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/illustration/" class="btn--bubble">Illustration</a></li><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/tomayac" class="no-underline" aria-label="tomayac on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=tomayac&size=40, /api/user-image/?user=tomayac&size=80 2x" src="/api/user-image/?user=tomayac" alt="GitHub profile image of tomayac" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://svgco.de/?ref=tiny-helpers">Go to SVGcode</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsvghub.vercel.app%2F/medium/16:9/" alt="Screenshot of svghub" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">svghub</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Find SVG squiggles, scribbles and shapes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2024</div><a class="btn--full card-link margin-top-auto" href="https://svghub.vercel.app/?ref=tiny-helpers">Go to svghub</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fjakearchibald.github.io%2Fsvgomg%2F/medium/16:9/" alt="Screenshot of SVGOMG" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVGOMG</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Minify SVGs</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jakearchibald" class="no-underline" aria-label="jakearchibald on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jakearchibald&size=40, /api/user-image/?user=jakearchibald&size=80 2x" src="/api/user-image/?user=jakearchibald" alt="GitHub profile image of jakearchibald" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://jakearchibald.github.io/svgomg/?ref=tiny-helpers">Go to SVGOMG</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Freact-svgr.com%2Fplayground%2F/medium/16:9/" alt="Screenshot of SVGR" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">SVGR</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Transform SVGs into React components.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/gregberge" class="no-underline" aria-label="gregberge on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=gregberge&size=40, /api/user-image/?user=gregberge&size=80 2x" src="/api/user-image/?user=gregberge" alt="GitHub profile image of gregberge" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://react-svgr.com/playground/?ref=tiny-helpers">Go to SVGR</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsvgurt.com%2F%23%2Fdemo/medium/16:9/" alt="Screenshot of Svgurt" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Svgurt</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Convert images to SVG.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Anemy" class="no-underline" aria-label="Anemy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Anemy&size=40, /api/user-image/?user=Anemy&size=80 2x" src="/api/user-image/?user=Anemy" alt="GitHub profile image of Anemy" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://svgurt.com/#/demo?ref=tiny-helpers">Go to Svgurt</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsymbols.wentin.net%2F/medium/16:9/" alt="Screenshot of Symbols to copy" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Symbols to copy</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/unicode/" class="btn--bubble">Unicode</a></li></ul><p class="margin-top-s margin-bottom-m">Find Unicode symbols to copy</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><a class="btn--full card-link margin-top-auto" href="https://symbols.wentin.net/?ref=tiny-helpers">Go to Symbols to copy</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsystemuicons.com%2F/medium/16:9/" alt="Screenshot of System UIcons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">System UIcons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Download free SVG icons</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><a class="btn--full card-link margin-top-auto" href="https://systemuicons.com/?ref=tiny-helpers">Go to System UIcons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftabletomarkdown.com%2F/medium/16:9/" alt="Screenshot of Table to Markdown" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Table to Markdown</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/markdown/" class="btn--bubble">Markdown</a></li></ul><p class="margin-top-s margin-bottom-m">Convert tables from spreadsheet applications and websites into well-formatted Markdown tables</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/johnfraney" class="no-underline" aria-label="johnfraney on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=johnfraney&size=40, /api/user-image/?user=johnfraney&size=80 2x" src="/api/user-image/?user=johnfraney" alt="GitHub profile image of johnfraney" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://tabletomarkdown.com/?ref=tiny-helpers">Go to Table to Markdown</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftableconvert.com%2F/medium/16:9/" alt="Screenshot of TableConvert" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">TableConvert</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li></ul><p class="margin-top-s margin-bottom-m">Convert between CSV/TSV, Excel, HTML, JSON, Markdown, and LaTeX tables</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2020</div><a class="btn--full card-link margin-top-auto" href="https://tableconvert.com/?ref=tiny-helpers">Go to TableConvert</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftabler-icons.io%2F/medium/16:9/" alt="Screenshot of Tabler Icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Tabler Icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Download over 3500 fully customizable free SVG icons</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/codecalm" class="no-underline" aria-label="codecalm on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=codecalm&size=40, /api/user-image/?user=codecalm&size=80 2x" src="/api/user-image/?user=codecalm" alt="GitHub profile image of codecalm" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://tabler-icons.io/?ref=tiny-helpers">Go to Tabler Icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fflowbite.com%2Ftools%2Ftailwind-cheat-sheet%2F/medium/16:9/" alt="Screenshot of Tailwind CSS Cheat Sheet" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Tailwind CSS Cheat Sheet</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Search for all the class names from Tailwind CSS.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2021</div><a class="btn--full card-link margin-top-auto" href="https://flowbite.com/tools/tailwind-cheat-sheet/?ref=tiny-helpers">Go to Tailwind CSS Cheat Sheet</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftailwind-gradient-designer.csspost.com%2F/medium/16:9/" alt="Screenshot of Tailwind Gradient Designer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Tailwind Gradient Designer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate tailwind gradient classes</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jenstornell" class="no-underline" aria-label="jenstornell on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jenstornell&size=40, /api/user-image/?user=jenstornell&size=80 2x" src="/api/user-image/?user=jenstornell" alt="GitHub profile image of jenstornell" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://tailwind-gradient-designer.csspost.com/?ref=tiny-helpers">Go to Tailwind Gradient Designer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftechicons.dev%2F/medium/16:9/" alt="Screenshot of Tech Icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Tech Icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li></ul><p class="margin-top-s margin-bottom-m">Find SVG and PNG tech icons.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2023</div><a class="btn--full card-link margin-top-auto" href="https://techicons.dev/?ref=tiny-helpers">Go to Tech Icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftechstack-logos.web.app%2F/medium/16:9/" alt="Screenshot of TechStack" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">TechStack</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Visualize your techstack in your README.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/erangeles" class="no-underline" aria-label="erangeles on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=erangeles&size=40, /api/user-image/?user=erangeles&size=80 2x" src="/api/user-image/?user=erangeles" alt="GitHub profile image of erangeles" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://techstack-logos.web.app/?ref=tiny-helpers">Go to TechStack</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fteenyicons.com%2F/medium/16:9/" alt="Screenshot of Teenyicons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Teenyicons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Find tiny minimal icons designed to fit in the smallest places.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><a class="btn--full card-link margin-top-auto" href="https://teenyicons.com/?ref=tiny-helpers">Go to Teenyicons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftemp-mail.org%2F/medium/16:9/" alt="Screenshot of Temp Mail" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Temp Mail</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/email/" class="btn--bubble">Email</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create a temporary, secure, anonymous, free, disposable email address.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2022</div><a class="btn--full card-link margin-top-auto" href="https://temp-mail.org/?ref=tiny-helpers">Go to Temp Mail</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftemp-mail.io/medium/16:9/" alt="Screenshot of temp-mail.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">temp-mail.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/email/" class="btn--bubble">Email</a></li></ul><p class="margin-top-s margin-bottom-m">Create disposable temporary emails for free and anonymously</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/kernel-picnic" class="no-underline" aria-label="kernel-picnic on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=kernel-picnic&size=40, /api/user-image/?user=kernel-picnic&size=80 2x" src="/api/user-image/?user=kernel-picnic" alt="GitHub profile image of kernel-picnic" loading="lazy" width="40" height="40"></a></li><li class="neg-margin-left-m"><a href="https://github.com/lcd1232" class="no-underline" aria-label="lcd1232 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=lcd1232&size=40, /api/user-image/?user=lcd1232&size=80 2x" src="/api/user-image/?user=lcd1232" alt="GitHub profile image of lcd1232" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://temp-mail.io?ref=tiny-helpers">Go to temp-mail.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftesting-playground.com%2F/medium/16:9/" alt="Screenshot of Testing Playground" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Testing Playground</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Playground for Testing-Library</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/smeijer" class="no-underline" aria-label="smeijer on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=smeijer&size=40, /api/user-image/?user=smeijer&size=80 2x" src="/api/user-image/?user=smeijer" alt="GitHub profile image of smeijer" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://testing-playground.com/?ref=tiny-helpers">Go to Testing Playground</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftextcleaner.net%2F/medium/16:9/" alt="Screenshot of Text Cleaner" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Text Cleaner</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Perform many simple and complex text operations.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2022</div><a class="btn--full card-link margin-top-auto" href="https://textcleaner.net/?ref=tiny-helpers">Go to Text Cleaner</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ffrontendchecklist.io%2F/medium/16:9/" alt="Screenshot of The Front-End Checklist" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">The Front-End Checklist</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">A checklist to build great websites</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/thedaviddias" class="no-underline" aria-label="thedaviddias on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=thedaviddias&size=40, /api/user-image/?user=thedaviddias&size=80 2x" src="/api/user-image/?user=thedaviddias" alt="GitHub profile image of thedaviddias" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://frontendchecklist.io/?ref=tiny-helpers">Go to The Front-End Checklist</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhero-generator.netlify.app%2F/medium/16:9/" alt="Screenshot of The Hero Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">The Hero Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li></ul><p class="margin-top-s margin-bottom-m">Generates the code for hero pages</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/sdras" class="no-underline" aria-label="sdras on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=sdras&size=40, /api/user-image/?user=sdras&size=80 2x" src="/api/user-image/?user=sdras" alt="GitHub profile image of sdras" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://hero-generator.netlify.app/?ref=tiny-helpers">Go to The Hero Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftime.fyi%2Ftimezones/medium/16:9/" alt="Screenshot of time.fyi timezones" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">time.fyi timezones</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Compare and convert timezones</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2024</div><a class="btn--full card-link margin-top-auto" href="https://time.fyi/timezones?ref=tiny-helpers">Go to time.fyi timezones</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftime.lol%2F/medium/16:9/" alt="Screenshot of time.lol" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">time.lol</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Convert and get info about a date.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2021</div><a class="btn--full card-link margin-top-auto" href="https://time.lol/?ref=tiny-helpers">Go to time.lol</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmaketintsandshades.com%2F/medium/16:9/" alt="Screenshot of Tint & Shade Generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Tint & Shade Generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Display tints and shades of a given hex color in 10% increments</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/edelstone" class="no-underline" aria-label="edelstone on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=edelstone&size=40, /api/user-image/?user=edelstone&size=80 2x" src="/api/user-image/?user=edelstone" alt="GitHub profile image of edelstone" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://maketintsandshades.com/?ref=tiny-helpers">Go to Tint & Shade Generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.tints.dev/medium/16:9/" alt="Screenshot of tints.dev" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">tints.dev</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate Tailwind color palettes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/SimeonGriggs" class="no-underline" aria-label="SimeonGriggs on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=SimeonGriggs&size=40, /api/user-image/?user=SimeonGriggs&size=80 2x" src="/api/user-image/?user=SimeonGriggs" alt="GitHub profile image of SimeonGriggs" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.tints.dev?ref=tiny-helpers">Go to tints.dev</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftiny-notes.me%2F/medium/16:9/" alt="Screenshot of Tiny Notes" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Tiny Notes</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Take tiny notes in the browser.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/nicokoenig" class="no-underline" aria-label="nicokoenig on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=nicokoenig&size=40, /api/user-image/?user=nicokoenig&size=80 2x" src="/api/user-image/?user=nicokoenig" alt="GitHub profile image of nicokoenig" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://tiny-notes.me/?ref=tiny-helpers">Go to Tiny Notes</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftinygif.isthe.link%2F/medium/16:9/" alt="Screenshot of tinygif" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">tinygif</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Generate the smallest sold colour gif (and dataurl)</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/remy" class="no-underline" aria-label="remy on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=remy&size=40, /api/user-image/?user=remy&size=80 2x" src="/api/user-image/?user=remy" alt="GitHub profile image of remy" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://tinygif.isthe.link/?ref=tiny-helpers">Go to tinygif</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftinyjpg.com%2F/medium/16:9/" alt="Screenshot of TinyJPG/TinyPNG" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">TinyJPG/TinyPNG</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Compress JPEG and PNG files</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><a class="btn--full card-link margin-top-auto" href="https://tinyjpg.com/?ref=tiny-helpers">Go to TinyJPG/TinyPNG</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftinywow.com%2F/medium/16:9/" alt="Screenshot of TinyWow" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">TinyWow</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/tool-collections/" class="btn--bubble">Tool Collections</a></li></ul><p class="margin-top-s margin-bottom-m">Transform images, compress videos, convert data and much more.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2022</div><a class="btn--full card-link margin-top-auto" href="https://tinywow.com/?ref=tiny-helpers">Go to TinyWow</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftldrlegal.com%2F/medium/16:9/" alt="Screenshot of tl;drLegal" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">tl;drLegal</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Lookup popular software licenses summarized at-a-glance.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2022</div><a class="btn--full card-link margin-top-auto" href="https://tldrlegal.com/?ref=tiny-helpers">Go to tl;drLegal</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.tldraw.com%2F/medium/16:9/" alt="Screenshot of tldraw" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">tldraw</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Draw and create SVGs quickly.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2023</div><a class="btn--full card-link margin-top-auto" href="https://www.tldraw.com/?ref=tiny-helpers">Go to tldraw</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fbundlers.tooling.report%2F/medium/16:9/" alt="Screenshot of tooling.report" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">tooling.report</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Determine the best build tool for your next web project</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><a class="btn--full card-link margin-top-auto" href="https://bundlers.tooling.report/?ref=tiny-helpers">Go to tooling.report</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftransform.tools%2F/medium/16:9/" alt="Screenshot of Transform" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Transform</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li></ul><p class="margin-top-s margin-bottom-m">Transform code into something else</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/ritz078" class="no-underline" aria-label="ritz078 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=ritz078&size=40, /api/user-image/?user=ritz078&size=80 2x" src="/api/user-image/?user=ritz078" alt="GitHub profile image of ritz078" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://transform.tools/?ref=tiny-helpers">Go to Transform</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftransition.style/medium/16:9/" alt="Screenshot of Transition.Style" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Transition.Style</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Find click-n-go CSS clip-path transitions.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/argyleink" class="no-underline" aria-label="argyleink on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=argyleink&size=40, /api/user-image/?user=argyleink&size=80 2x" src="/api/user-image/?user=argyleink" alt="GitHub profile image of argyleink" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://transition.style?ref=tiny-helpers">Go to Transition.Style</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftransparenttextures.com%2F/medium/16:9/" alt="Screenshot of Transparent Textures" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Transparent Textures</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Search for transparent patterns that can be used as background images with any background color in CSS.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/mike-hearn" class="no-underline" aria-label="mike-hearn on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=mike-hearn&size=40, /api/user-image/?user=mike-hearn&size=80 2x" src="/api/user-image/?user=mike-hearn" alt="GitHub profile image of mike-hearn" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://transparenttextures.com/?ref=tiny-helpers">Go to Transparent Textures</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftrianglify.io%2F/medium/16:9/" alt="Screenshot of Trianglify.io" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Trianglify.io</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Generate low-poly backgrounds, textures, and vectors.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2020</div><a class="btn--full card-link margin-top-auto" href="https://trianglify.io/?ref=tiny-helpers">Go to Trianglify.io</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fts-faker.vercel.app/medium/16:9/" alt="Screenshot of ts-faker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ts-faker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/generated-data/" class="btn--bubble">Generated Data</a></li><li class="margin-right-xs margin-bottom-s"><a href="/typescript/" class="btn--bubble">TypeScript</a></li></ul><p class="margin-top-s margin-bottom-m">Generate fake data using TypeScript interfaces</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/SirwanAfifi" class="no-underline" aria-label="SirwanAfifi on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=SirwanAfifi&size=40, /api/user-image/?user=SirwanAfifi&size=80 2x" src="/api/user-image/?user=SirwanAfifi" alt="GitHub profile image of SirwanAfifi" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://ts-faker.vercel.app?ref=tiny-helpers">Go to ts-faker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftsdiagram.com/medium/16:9/" alt="Screenshot of TSDiagram" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">TSDiagram</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/typescript/" class="btn--bubble">TypeScript</a></li></ul><p class="margin-top-s margin-bottom-m">Draft diagrams and visualize TypeScript relations.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/3rd" class="no-underline" aria-label="3rd on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=3rd&size=40, /api/user-image/?user=3rd&size=80 2x" src="/api/user-image/?user=3rd" alt="GitHub profile image of 3rd" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://tsdiagram.com?ref=tiny-helpers">Go to TSDiagram</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcards-dev.twitter.com%2Fvalidator/medium/16:9/" alt="Screenshot of Twitter Card Validator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Twitter Card Validator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Validate Twitter cards</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><a class="btn--full card-link margin-top-auto" href="https://cards-dev.twitter.com/validator?ref=tiny-helpers">Go to Twitter Card Validator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftype-scale.com%2F/medium/16:9/" alt="Screenshot of type-scale" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">type-scale</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Calculate your type scale visually</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jeremychurch" class="no-underline" aria-label="jeremychurch on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jeremychurch&size=40, /api/user-image/?user=jeremychurch&size=80 2x" src="/api/user-image/?user=jeremychurch" alt="GitHub profile image of jeremychurch" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://type-scale.com/?ref=tiny-helpers">Go to type-scale</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftypefully.app%2F/medium/16:9/" alt="Screenshot of Typefully" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Typefully</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Edit and write Twitter threads</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2020</div><a class="btn--full card-link margin-top-auto" href="https://typefully.app/?ref=tiny-helpers">Go to Typefully</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fts-ast-viewer.com%2F/medium/16:9/" alt="Screenshot of TypeScript AST Viewer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">TypeScript AST Viewer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/typescript/" class="btn--bubble">TypeScript</a></li></ul><p class="margin-top-s margin-bottom-m">View the TypeScript AST, symbols, types, and signatures.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/dsherret" class="no-underline" aria-label="dsherret on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dsherret&size=40, /api/user-image/?user=dsherret&size=80 2x" src="/api/user-image/?user=dsherret" alt="GitHub profile image of dsherret" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://ts-ast-viewer.com/?ref=tiny-helpers">Go to TypeScript AST Viewer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftypetrials.com%2F/medium/16:9/" alt="Screenshot of TypeTrials" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">TypeTrials</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/typography/" class="btn--bubble">Typography</a></li></ul><p class="margin-top-s margin-bottom-m">Test and experiment your variable fonts.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2023</div><a class="btn--full card-link margin-top-auto" href="https://typetrials.com/?ref=tiny-helpers">Go to TypeTrials</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fuigradients.com%2F/medium/16:9/" alt="Screenshot of uiGradients" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">uiGradients</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Choose a linear CSS gradient from large collection of popular and pretty gradients</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Ghosh" class="no-underline" aria-label="Ghosh on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Ghosh&size=40, /api/user-image/?user=Ghosh&size=80 2x" src="/api/user-image/?user=Ghosh" alt="GitHub profile image of Ghosh" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://uigradients.com/?ref=tiny-helpers">Go to uiGradients</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Funcss-online.com%2F/medium/16:9/" alt="Screenshot of unCSS" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">unCSS</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Remove unused CSS. Works only with HTML and CSS</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2023</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/pajasevi" class="no-underline" aria-label="pajasevi on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=pajasevi&size=40, /api/user-image/?user=pajasevi&size=80 2x" src="/api/user-image/?user=pajasevi" alt="GitHub profile image of pajasevi" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://uncss-online.com/?ref=tiny-helpers">Go to unCSS</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fsurma.github.io%2Funderdash%2F/medium/16:9/" alt="Screenshot of Underdash" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Underdash</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Collection of JS snippets for Array and Iterator manipulation</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/surma" class="no-underline" aria-label="surma on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=surma&size=40, /api/user-image/?user=surma&size=80 2x" src="/api/user-image/?user=surma" alt="GitHub profile image of surma" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://surma.github.io/underdash/?ref=tiny-helpers">Go to Underdash</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Funfakepng.com/medium/16:9/" alt="Screenshot of unfake.png" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">unfake.png</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li></ul><p class="margin-top-s margin-bottom-m">Remove fake transparency from images.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/Gaspard-Bruno" class="no-underline" aria-label="Gaspard-Bruno on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=Gaspard-Bruno&size=40, /api/user-image/?user=Gaspard-Bruno&size=80 2x" src="/api/user-image/?user=Gaspard-Bruno" alt="GitHub profile image of Gaspard-Bruno" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://unfakepng.com?ref=tiny-helpers">Go to unfake.png</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/http%3A%2F%2Fwww.fileformat.info%2Finfo%2Funicode%2Fchar%2Fsearch.htm/medium/16:9/" alt="Screenshot of Unicode Character Search" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Unicode Character Search</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/unicode/" class="btn--bubble">Unicode</a></li></ul><p class="margin-top-s margin-bottom-m">Seach a Unicode Character</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><a class="btn--full card-link margin-top-auto" href="http://www.fileformat.info/info/unicode/char/search.htm?ref=tiny-helpers">Go to Unicode Character Search</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fr12a.github.io%2Fapp-conversion%2F/medium/16:9/" alt="Screenshot of Unicode Code Converter" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Unicode Code Converter</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/unicode/" class="btn--bubble">Unicode</a></li></ul><p class="margin-top-s margin-bottom-m">Convert Unicode symbols into other formats</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><a class="btn--full card-link margin-top-auto" href="https://r12a.github.io/app-conversion/?ref=tiny-helpers">Go to Unicode Code Converter</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.zachleat.com%2Funicode-range-interchange%2F/medium/16:9/" alt="Screenshot of Unicode Range Interchange" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Unicode Range Interchange</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Do math on unicode-range values for web fonts.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/zachleat" class="no-underline" aria-label="zachleat on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=zachleat&size=40, /api/user-image/?user=zachleat&size=80 2x" src="/api/user-image/?user=zachleat" alt="GitHub profile image of zachleat" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.zachleat.com/unicode-range-interchange/?ref=tiny-helpers">Go to Unicode Range Interchange</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Funilist.raphaelbastide.com%2F/medium/16:9/" alt="Screenshot of unilist" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">unilist</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/unicode/" class="btn--bubble">Unicode</a></li></ul><p class="margin-top-s margin-bottom-m">Have a look at the Unicode character list</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/raphaelbastide" class="no-underline" aria-label="raphaelbastide on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=raphaelbastide&size=40, /api/user-image/?user=raphaelbastide&size=80 2x" src="/api/user-image/?user=raphaelbastide" alt="GitHub profile image of raphaelbastide" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://unilist.raphaelbastide.com/?ref=tiny-helpers">Go to unilist</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fuptime.is%2F/medium/16:9/" alt="Screenshot of uptime.is" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">uptime.is</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Evaluate uptime numbers with downtime length.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2023</div><a class="btn--full card-link margin-top-auto" href="https://uptime.is/?ref=tiny-helpers">Go to uptime.is</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fyoksel.github.io%2Furl-encoder%2F/medium/16:9/" alt="Screenshot of URL-encoder for SVG" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">URL-encoder for SVG</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Encode SVGs.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/yoksel" class="no-underline" aria-label="yoksel on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=yoksel&size=40, /api/user-image/?user=yoksel&size=80 2x" src="/api/user-image/?user=yoksel" alt="GitHub profile image of yoksel" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://yoksel.github.io/url-encoder/?ref=tiny-helpers">Go to URL-encoder for SVG</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fusefonts.netlify.app%2F/medium/16:9/" alt="Screenshot of useFonts" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">useFonts</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Select and preview Google fonts.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/goelaakash79" class="no-underline" aria-label="goelaakash79 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=goelaakash79&size=40, /api/user-image/?user=goelaakash79&size=80 2x" src="/api/user-image/?user=goelaakash79" alt="GitHub profile image of goelaakash79" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://usefonts.netlify.app/?ref=tiny-helpers">Go to useFonts</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.utf8icons.com%2F/medium/16:9/" alt="Screenshot of UTF-8 icons" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">UTF-8 icons</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/html/" class="btn--bubble">HTML</a></li><li class="margin-right-xs margin-bottom-s"><a href="/unicode/" class="btn--bubble">Unicode</a></li></ul><p class="margin-top-s margin-bottom-m">Gives you unicode, hex, ASCII, html, css codes to insert UTF-8 icons and symbols</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.utf8icons.com/?ref=tiny-helpers">Go to UTF-8 icons</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.vanillabreeze.dev%2F/medium/16:9/" alt="Screenshot of Vanilla Breeze" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Vanilla Breeze</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Convert Tailwind CSS to Semantic CSS</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jaredcwhite" class="no-underline" aria-label="jaredcwhite on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jaredcwhite&size=40, /api/user-image/?user=jaredcwhite&size=80 2x" src="/api/user-image/?user=jaredcwhite" alt="GitHub profile image of jaredcwhite" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.vanillabreeze.dev/?ref=tiny-helpers">Go to Vanilla Breeze</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fv-fonts.com%2F/medium/16:9/" alt="Screenshot of Variable Fonts" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Variable Fonts</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Find and try variable fonts.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2024</div><a class="btn--full card-link margin-top-auto" href="https://v-fonts.com/?ref=tiny-helpers">Go to Variable Fonts</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fvectormaker.co%2F/medium/16:9/" alt="Screenshot of vectormaker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">vectormaker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Convert images to SVG vectors.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2022</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/btk" class="no-underline" aria-label="btk on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=btk&size=40, /api/user-image/?user=btk&size=80 2x" src="/api/user-image/?user=btk" alt="GitHub profile image of btk" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://vectormaker.co/?ref=tiny-helpers">Go to vectormaker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.vectorpea.com%2F/medium/16:9/" alt="Screenshot of Vectorpea" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Vectorpea</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/illustration/" class="btn--bubble">Illustration</a></li><li class="margin-right-xs margin-bottom-s"><a href="/images/" class="btn--bubble">Images</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create and edit vector files in the browser.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2023</div><a class="btn--full card-link margin-top-auto" href="https://www.vectorpea.com/?ref=tiny-helpers">Go to Vectorpea</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fvideo-to-markdown.netlify.com%2F/medium/16:9/" alt="Screenshot of Video to markdown" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Video to markdown</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/markdown/" class="btn--bubble">Markdown</a></li></ul><p class="margin-top-s margin-bottom-m">Convert video URL to a markdown code</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/marcomontalbano" class="no-underline" aria-label="marcomontalbano on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=marcomontalbano&size=40, /api/user-image/?user=marcomontalbano&size=80 2x" src="/api/user-image/?user=marcomontalbano" alt="GitHub profile image of marcomontalbano" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://video-to-markdown.netlify.com/?ref=tiny-helpers">Go to Video to markdown</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fvideoinu.com/medium/16:9/" alt="Screenshot of videoinu" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">videoinu</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create and edit screen recordings and other videos online</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/inu" class="no-underline" aria-label="inu on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=inu&size=40, /api/user-image/?user=inu&size=80 2x" src="/api/user-image/?user=inu" alt="GitHub profile image of inu" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://videoinu.com?ref=tiny-helpers">Go to videoinu</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fneatnik.net%2Fview-source%2F/medium/16:9/" alt="Screenshot of View source" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">View source</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li></ul><p class="margin-top-s margin-bottom-m">Inspect HTML online.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><a class="btn--full card-link margin-top-auto" href="https://neatnik.net/view-source/?ref=tiny-helpers">Go to View source</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmaltsev.github.io%2Fvinnslu%2F/medium/16:9/" alt="Screenshot of Vinnslu" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Vinnslu</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/data-transformation/" class="btn--bubble">Data transformation</a></li></ul><p class="margin-top-s margin-bottom-m">Transform tabular-like data</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/maltsev" class="no-underline" aria-label="maltsev on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=maltsev&size=40, /api/user-image/?user=maltsev&size=80 2x" src="/api/user-image/?user=maltsev" alt="GitHub profile image of maltsev" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://maltsev.github.io/vinnslu/?ref=tiny-helpers">Go to Vinnslu</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.virustotal.com%2F/medium/16:9/" alt="Screenshot of VirusTotal" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">VirusTotal</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Analyze suspicious files and URLs to detect types of malware, automatically share them with the security community.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><a class="btn--full card-link margin-top-auto" href="https://www.virustotal.com/?ref=tiny-helpers">Go to VirusTotal</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.visiwig.com%2F/medium/16:9/" alt="Screenshot of VISIWIG" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">VISIWIG</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/icons/" class="btn--bubble">Icons</a></li><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create, edit and copy icons and patterns</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2021</div><a class="btn--full card-link margin-top-auto" href="https://www.visiwig.com/?ref=tiny-helpers">Go to VISIWIG</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Flearnui.design%2Ftools%2Fgradient-generator.html/medium/16:9/" alt="Screenshot of Vivid gradient generator" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Vivid gradient generator</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Generate gradient without gray dead zone.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2021</div><a class="btn--full card-link margin-top-auto" href="https://learnui.design/tools/gradient-generator.html?ref=tiny-helpers">Go to Vivid gradient generator</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fprism.dotenv.dev%2F/medium/16:9/" alt="Screenshot of VSCode prism theme converter " width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">VSCode prism theme converter</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li><li class="margin-right-xs margin-bottom-s"><a href="/code/" class="btn--bubble">Code</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Convert your VSCode theme to prism CSS or React components</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/SaraVieira" class="no-underline" aria-label="SaraVieira on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=SaraVieira&size=40, /api/user-image/?user=SaraVieira&size=80 2x" src="/api/user-image/?user=SaraVieira" alt="GitHub profile image of SaraVieira" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://prism.dotenv.dev/?ref=tiny-helpers">Go to VSCode prism theme converter</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.vscolors.com/medium/16:9/" alt="Screenshot of VSCOLORS" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">VSCOLORS</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Find Code color themes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2021</div><a class="btn--full card-link margin-top-auto" href="https://www.vscolors.com?ref=tiny-helpers">Go to VSCOLORS</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.visioncortex.org%2Fvtracer%2F/medium/16:9/" alt="Screenshot of VTracer " width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">VTracer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Convert raster images to SVG vector graphics.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2024</div><a class="btn--full card-link margin-top-auto" href="https://www.visioncortex.org/vtracer/?ref=tiny-helpers">Go to VTracer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fvue-tdd-template.herokuapp.com%2F/medium/16:9/" alt="Screenshot of vue-jest-TDD-template" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">vue-jest-TDD-template</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li></ul><p class="margin-top-s margin-bottom-m">Create a test file template for your Vue components</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/metamoni" class="no-underline" aria-label="metamoni on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=metamoni&size=40, /api/user-image/?user=metamoni&size=80 2x" src="/api/user-image/?user=metamoni" alt="GitHub profile image of metamoni" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://vue-tdd-template.herokuapp.com/?ref=tiny-helpers">Go to vue-jest-TDD-template</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fvytal.io%2F/medium/16:9/" alt="Screenshot of Vytal" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Vytal</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Analyze the data your browser sends.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Sep 2021</div><a class="btn--full card-link margin-top-auto" href="https://vytal.io/?ref=tiny-helpers">Go to Vytal</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwakamaifondue.com%2F/medium/16:9/" alt="Screenshot of Wakamai Fondue" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Wakamai Fondue</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Inspect what your fonts can do</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/RoelN" class="no-underline" aria-label="RoelN on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=RoelN&size=40, /api/user-image/?user=RoelN&size=80 2x" src="/api/user-image/?user=RoelN" alt="GitHub profile image of RoelN" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://wakamaifondue.com/?ref=tiny-helpers">Go to Wakamai Fondue</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fpavellaptev.github.io%2Fwarp-svg%2F/medium/16:9/" alt="Screenshot of Warp SVG" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Warp SVG</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Warp SVG online</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/PavelLaptev" class="no-underline" aria-label="PavelLaptev on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=PavelLaptev&size=40, /api/user-image/?user=PavelLaptev&size=80 2x" src="/api/user-image/?user=PavelLaptev" alt="GitHub profile image of PavelLaptev" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://pavellaptev.github.io/warp-svg/?ref=tiny-helpers">Go to Warp SVG</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwaterfaller.dev/medium/16:9/" alt="Screenshot of waterfaller.dev" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">waterfaller.dev</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Analyse your website's waterfall to make it faster.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2021</div><a class="btn--full card-link margin-top-auto" href="https://waterfaller.dev?ref=tiny-helpers">Go to waterfaller.dev</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fweb-check.xyz/medium/16:9/" alt="Screenshot of Web Check" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Web Check</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/site-analyzers/" class="btn--bubble">Site analyzers</a></li></ul><p class="margin-top-s margin-bottom-m">Analyze any website.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/lissy93" class="no-underline" aria-label="lissy93 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=lissy93&size=40, /api/user-image/?user=lissy93&size=80 2x" src="/api/user-image/?user=lissy93" alt="GitHub profile image of lissy93" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://web-check.xyz?ref=tiny-helpers">Go to Web Check</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwebcode.tools%2F/medium/16:9/" alt="Screenshot of web code tools" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">web code tools</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/tool-collections/" class="btn--bubble">Tool Collections</a></li></ul><p class="margin-top-s margin-bottom-m">Find tools for every-day web dev tasks.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2022</div><a class="btn--full card-link margin-top-auto" href="https://webcode.tools/?ref=tiny-helpers">Go to web code tools</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcolor.joelb.dev/medium/16:9/" alt="Screenshot of Web Color Tool" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Web Color Tool</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Convert RGB/HSL/Hex, explore harmonies, copy values with a click</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/murbar" class="no-underline" aria-label="murbar on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=murbar&size=40, /api/user-image/?user=murbar&size=80 2x" src="/api/user-image/?user=murbar" alt="GitHub profile image of murbar" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://color.joelb.dev?ref=tiny-helpers">Go to Web Color Tool</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fweb.dev%2Fmeasure%2F/medium/16:9/" alt="Screenshot of web.dev Measure" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">web.dev Measure</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/site-analyzers/" class="btn--bubble">Site analyzers</a></li></ul><p class="margin-top-s margin-bottom-m">Get the web's modern capabilities on your own sites and apps with useful guidance and analysis from web.dev</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><a class="btn--full card-link margin-top-auto" href="https://web.dev/measure/?ref=tiny-helpers">Go to web.dev Measure</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwebhook.site%2F/medium/16:9/" alt="Screenshot of Webhook.site" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Webhook.site</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/apis/" class="btn--bubble">APIs</a></li><li class="margin-right-xs margin-bottom-s"><a href="/http/" class="btn--bubble">HTTP</a></li></ul><p class="margin-top-s margin-bottom-m">Test webhooks in realtime</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/fredsted" class="no-underline" aria-label="fredsted on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=fredsted&size=40, /api/user-image/?user=fredsted&size=80 2x" src="/api/user-image/?user=fredsted" alt="GitHub profile image of fredsted" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://webhook.site/?ref=tiny-helpers">Go to Webhook.site</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwebhook.cool/medium/16:9/" alt="Screenshot of WebhookCool" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">WebhookCool</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/apis/" class="btn--bubble">APIs</a></li><li class="margin-right-xs margin-bottom-s"><a href="/http/" class="btn--bubble">HTTP</a></li></ul><p class="margin-top-s margin-bottom-m">Test webhooks in realtime</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2024</div><a class="btn--full card-link margin-top-auto" href="https://webhook.cool?ref=tiny-helpers">Go to WebhookCool</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.myfonts.com%2FWhatTheFont/medium/16:9/" alt="Screenshot of WhatTheFont" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">WhatTheFont</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li></ul><p class="margin-top-s margin-bottom-m">Identify a font in an image.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Apr 2022</div><a class="btn--full card-link margin-top-auto" href="https://www.myfonts.com/WhatTheFont?ref=tiny-helpers">Go to WhatTheFont</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwhirl.netlify.app%2F/medium/16:9/" alt="Screenshot of Whirl" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Whirl</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/animations/" class="btn--bubble">Animations</a></li><li class="margin-right-xs margin-bottom-s"><a href="/css/" class="btn--bubble">CSS</a></li></ul><p class="margin-top-s margin-bottom-m">Find CSS loading animations.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2024</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/jh3y" class="no-underline" aria-label="jh3y on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=jh3y&size=40, /api/user-image/?user=jh3y&size=80 2x" src="/api/user-image/?user=jh3y" alt="GitHub profile image of jh3y" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://whirl.netlify.app/?ref=tiny-helpers">Go to Whirl</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fkirillbelyaev.com%2Fs%2F/medium/16:9/" alt="Screenshot of Whitespaces" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Whitespaces</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/unicode/" class="btn--bubble">Unicode</a></li></ul><p class="margin-top-s margin-bottom-m">Copy different whitespaces and zero-width characters</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Nov 2020</div><a class="btn--full card-link margin-top-auto" href="https://kirillbelyaev.com/s/?ref=tiny-helpers">Go to Whitespaces</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwhocanuse.com%2F/medium/16:9/" alt="Screenshot of WhoCanUse" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">WhoCanUse</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/accessibility/" class="btn--bubble">Accessibility</a></li><li class="margin-right-xs margin-bottom-s"><a href="/color/" class="btn--bubble">Color</a></li></ul><p class="margin-top-s margin-bottom-m">Check you color contrast ratio</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/coreyginnivan" class="no-underline" aria-label="coreyginnivan on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=coreyginnivan&size=40, /api/user-image/?user=coreyginnivan&size=80 2x" src="/api/user-image/?user=coreyginnivan" alt="GitHub profile image of coreyginnivan" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://whocanuse.com/?ref=tiny-helpers">Go to WhoCanUse</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwickedbackgrounds.com%2Fbackgrounds.html/medium/16:9/" alt="Screenshot of Wicked Wave Backgrounds" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Wicked Wave Backgrounds</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create wavey SVG backgrounds.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><a class="btn--full card-link margin-top-auto" href="https://wickedbackgrounds.com/backgrounds.html?ref=tiny-helpers">Go to Wicked Wave Backgrounds</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fhttptoolkit.tech%2Fwill-it-cors%2F/medium/16:9/" alt="Screenshot of Will it CORS?" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Will it CORS?</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/http/" class="btn--bubble">HTTP</a></li><li class="margin-right-xs margin-bottom-s"><a href="/security/" class="btn--bubble">Security</a></li></ul><p class="margin-top-s margin-bottom-m">Get instructions on how CORS work and what to do</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added May 2020</div><a class="btn--full card-link margin-top-auto" href="https://httptoolkit.tech/will-it-cors/?ref=tiny-helpers">Go to Will it CORS?</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fapp.wireflow.co%2F/medium/16:9/" alt="Screenshot of Wireflow" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Wireflow</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Create beautiful user flow prototypes.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Oct 2020</div><a class="btn--full card-link margin-top-auto" href="https://app.wireflow.co/?ref=tiny-helpers">Go to Wireflow</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fwww.wireframer.art%2F/medium/16:9/" alt="Screenshot of Wireframer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Wireframer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/svg/" class="btn--bubble">SVG</a></li></ul><p class="margin-top-s margin-bottom-m">Create SVG text blocks for your wireframes</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/dimitrisraptis96" class="no-underline" aria-label="dimitrisraptis96 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=dimitrisraptis96&size=40, /api/user-image/?user=dimitrisraptis96&size=80 2x" src="/api/user-image/?user=dimitrisraptis96" alt="GitHub profile image of dimitrisraptis96" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://www.wireframer.art/?ref=tiny-helpers">Go to Wireframer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fmodule-nomodule-calculator.glitch.me%2F/medium/16:9/" alt="Screenshot of Worth It" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Worth It</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/javascript/" class="btn--bubble">JavaScript</a></li><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Determine how much less JavaScript is downloaded using module/nomodule</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Mar 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/developit" class="no-underline" aria-label="developit on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=developit&size=40, /api/user-image/?user=developit&size=80 2x" src="/api/user-image/?user=developit" alt="GitHub profile image of developit" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://module-nomodule-calculator.glitch.me/?ref=tiny-helpers">Go to Worth It</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fyamlchecker.com%2F/medium/16:9/" alt="Screenshot of YAML Checker" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">YAML Checker</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/yaml/" class="btn--bubble">YAML</a></li></ul><p class="margin-top-s margin-bottom-m">Validate your YAML file content with syntax highlighting and helpful error messages.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jul 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/rhino88" class="no-underline" aria-label="rhino88 on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=rhino88&size=40, /api/user-image/?user=rhino88&size=80 2x" src="/api/user-image/?user=rhino88" alt="GitHub profile image of rhino88" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://yamlchecker.com/?ref=tiny-helpers">Go to YAML Checker</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fyellowlab.tools%2F/medium/16:9/" alt="Screenshot of Yellow Lab" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">Yellow Lab</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/performance/" class="btn--bubble">Performance</a></li></ul><p class="margin-top-s margin-bottom-m">Test and analyse your website.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Aug 2021</div><a class="btn--full card-link margin-top-auto" href="https://yellowlab.tools/?ref=tiny-helpers">Go to Yellow Lab</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Ftomtasche.github.io%2Fzip-viewer%2F/medium/16:9/" alt="Screenshot of ZIP Viewer" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ZIP Viewer</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">View and extract ZIP archives</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Feb 2020</div><div class="padding-v-m margin-top-auto"><h3 class="fsi-1 margin-bottom-s">Made by</h3><ul class="inline-list"><li class=""><a href="https://github.com/tomtasche" class="no-underline" aria-label="tomtasche on GitHub"><img class="img-size-m circle" srcset="/api/user-image/?user=tomtasche&size=40, /api/user-image/?user=tomtasche&size=80 2x" src="/api/user-image/?user=tomtasche" alt="GitHub profile image of tomtasche" loading="lazy" width="40" height="40"></a></li></ul></div><a class="btn--full card-link" href="https://tomtasche.github.io/zip-viewer/?ref=tiny-helpers">Go to ZIP Viewer</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fzipzip.pro%2F/medium/16:9/" alt="Screenshot of ZipZip" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">ZipZip</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/misc/" class="btn--bubble">Misc</a></li></ul><p class="margin-top-s margin-bottom-m">Archive files or extract files from an existing archives.</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jun 2023</div><a class="btn--full card-link margin-top-auto" href="https://zipzip.pro/?ref=tiny-helpers">Go to ZipZip</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcharacters.viktornuebel.com%2F/medium/16:9/" alt="Screenshot of ¿©hara¢ter(s)!" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">¿©hara¢ter(s)!</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/fonts/" class="btn--bubble">Fonts</a></li><li class="margin-right-xs margin-bottom-s"><a href="/typography/" class="btn--bubble">Typography</a></li></ul><p class="margin-top-s margin-bottom-m">Look up keyboard short cuts for special characters</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Jan 2020</div><a class="btn--full card-link margin-top-auto" href="https://characters.viktornuebel.com/?ref=tiny-helpers">Go to ¿©hara¢ter(s)!</a></li><li class="shadow-full bg-lighter flex-column p-relative"><img src="https://shots.stefanjudis.com/https%3A%2F%2Fcopychar.cc%2F/medium/16:9/" alt="Screenshot of ⌘+C" width="1156" height="650" loading="lazy"><div class="margin-top-m padding-v-m"><h2 class="fsi-1-25 margin-bottom-s">⌘+C</h2><ul class="inline-list"><li class="margin-right-xs margin-bottom-s"><a href="/unicode/" class="btn--bubble">Unicode</a></li></ul><p class="margin-top-s margin-bottom-m">Copy special characters to your clipboard</p></div><div class="p-abs-top-left fsi-0-875 bg-lighter padding-xs z-1">Added Dec 2019</div><a class="btn--full card-link margin-top-auto" href="https://copychar.cc/?ref=tiny-helpers">Go to ⌘+C</a></li></ol></div></main></div><script type="module">const loadCarbonJS=function(e,n){const t=window.document.createElement("script");t.src=e,t.id="_carbonads_js",t.async=!0,n.append(t)},mql=window.matchMedia("(max-width: 55em)"),toggleMenuButton=document.querySelector("[data-menu-button]"),menu=document.querySelector("[data-menu]");let menuInitialized=!1;mql.addListener(e=>{!menuInitialized&&e.matches&&initMenuToggle(),e.matches?menu.hidden=!0:menu.hidden=!1}),mql.matches&&(initMenuToggle(),menu.hidden=!0);const navIsVisible=!mql.matches,carbonContainer=document.getElementById("carbon-container");function initMenuToggle(){toggleMenuButton.setAttribute("aria-expanded",!1),toggleMenuButton.setAttribute("aria-controls","menu"),toggleMenuButton.addEventListener("click",(function(){if(mql.matches){let e="true"===this.getAttribute("aria-expanded")||!1;this.setAttribute("aria-expanded",!e),toggleMenuButton.classList.toggle("is-active"),menu.hidden=!menu.hidden}})),menuInitialized=!0}navIsVisible&&carbonContainer&&loadCarbonJS("//cdn.carbonads.com/carbon.js?serve=CE7I4KJL&placement=tiny-helpersdev",carbonContainer);</script></body></html>