The latest articles on DEV Community by Halle (@halle2525). https://dev.to/halle2525 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3975797%2F05972a8a-64e4-4c45-adc5-203c3c2ae371.png https://dev.to/halle2525 en Halle Tue, 09 Jun 2026 11:03:29 +0000 https://dev.to/halle2525/my-first-chrome-extension-puts-an-anime-girl-on-every-tab-heres-what-i-learned-building-it-2pai https://dev.to/halle2525/my-first-chrome-extension-puts-an-anime-girl-on-every-tab-heres-what-i-learned-building-it-2pai <p>A while ago I published my first Chrome extension called WaifuEngine. It puts a draggable anime character overlay on every tab you open. You can resize her, move her anywhere, and she remembers her position across pages. Simple and fun and I learned a ton building it.</p> <p>The extension is fully free on the Chrome Web Store. <br> It just crossed 101 active users which feels surreal for something I built for fun.<br> </p> <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://chromewebstore.google.com/detail/waifu-engine-anime-girl-i/onjpnopngnnkefokoigfmeepjidfhjnh" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Flh3.googleusercontent.com%2FNH6VrcDaCQzd6XagudN1H-7nv3AxfULPFXXmdExTFbS_V1o9FhmePKTWky26MmZg-9drUN3l9GoOJ0W3t91kaEdRHj4%3Ds128-rj-sc0x00ffffff" height="128" class="m-0" width="128"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://chromewebstore.google.com/detail/waifu-engine-anime-girl-i/onjpnopngnnkefokoigfmeepjidfhjnh" rel="noopener noreferrer" class="c-link"> Waifu Engine - Anime girl in my tab - Chrome Web Store </a> </h2> <p class="truncate-at-3"> Shows a draggable anime girl overlay. Pick from samples, favorite, and control by show/hide. </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fssl.gstatic.com%2Fchrome%2Fwebstore%2Fimages%2Ficon_48px.png" width="48" height="48"> chromewebstore.google.com </div> </div> </div> </div> <p>If you've built Chrome extensions before I'd love to hear your thoughts. Any advice on growing a small extension? And if you try it out, honest reviews on the Chrome Web Store would mean a lot, good or bad, I want to know what people actually think. For all advice, criticism, reviews welcome🙏🙏🙏</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fklnmm0pwkw79v4syp56n.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fklnmm0pwkw79v4syp56n.png" alt=" " width="800" height="500"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8jrkxywn8k9dyx6xy9io.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8jrkxywn8k9dyx6xy9io.png" alt=" " width="800" height="500"></a></p> javascript showdev sideprojects webdev