- ID de l'analyse :
- 75c891b9-fd5d-4e74-a62d-20f99244dc19Terminée
- URL soumise :
- https://tiny-helpers.dev/
- Fin du rapport :
Liens : 1078 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| 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 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| plausible | function |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!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>