The latest articles on Forem by Bad Builders (@badbuilders). https://forem.com/badbuilders 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%2F3666014%2Fa3bb9094-9d03-47a1-96dc-b24801ec6696.png https://forem.com/badbuilders en Bad Builders Tue, 21 Apr 2026 01:15:26 +0000 https://forem.com/badbuilders/photorealistic-threejs-moon-1afm https://forem.com/badbuilders/photorealistic-threejs-moon-1afm <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/Bad-Builders/embed/xbEeeKK?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Bad Builders Fri, 17 Apr 2026 21:18:34 +0000 https://forem.com/badbuilders/realistic-old-ceiling-3ele https://forem.com/badbuilders/realistic-old-ceiling-3ele <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/Bad-Builders/embed/WbGmXXM?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Bad Builders Fri, 17 Apr 2026 00:00:49 +0000 https://forem.com/badbuilders/click-on-any-169k https://forem.com/badbuilders/click-on-any-169k <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/Bad-Builders/embed/azmXegV?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Bad Builders Tue, 14 Apr 2026 04:55:14 +0000 https://forem.com/badbuilders/robo-heand-js-25oa https://forem.com/badbuilders/robo-heand-js-25oa <p><a href="https://robo-heand.vercel.app/" rel="noopener noreferrer"></a></p> Bad Builders Tue, 14 Apr 2026 03:26:33 +0000 https://forem.com/badbuilders/kardashev-scale-3d-visualization-5fdo https://forem.com/badbuilders/kardashev-scale-3d-visualization-5fdo <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/Bad-Builders/embed/RNGEWzB?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Bad Builders Mon, 06 Apr 2026 20:17:17 +0000 https://forem.com/badbuilders/black-cat-26id https://forem.com/badbuilders/black-cat-26id <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/Bad-Builders/embed/XJjBEOq?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Bad Builders Mon, 06 Apr 2026 04:46:28 +0000 https://forem.com/badbuilders/natural-threejs-grass-23g9 https://forem.com/badbuilders/natural-threejs-grass-23g9 <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/Bad-Builders/embed/emdrNJB?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Bad Builders Mon, 06 Apr 2026 04:44:30 +0000 https://forem.com/badbuilders/webglwater-ibl-2okf https://forem.com/badbuilders/webglwater-ibl-2okf <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/Bad-Builders/embed/wBzxzoe?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Bad Builders Mon, 06 Apr 2026 04:42:54 +0000 https://forem.com/badbuilders/euler-physics-threejs-10k https://forem.com/badbuilders/euler-physics-threejs-10k <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/Bad-Builders/embed/ByLVMbg?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Bad Builders Wed, 01 Apr 2026 04:27:38 +0000 https://forem.com/badbuilders/-fg2 https://forem.com/badbuilders/-fg2 <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/preetha_vaishnavi_2b82358/wifi-animation-ui-hpn" class="crayons-story__hidden-navigation-link">Wifi Animation UI</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/preetha_vaishnavi_2b82358" class="crayons-avatar crayons-avatar--l "> <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%2Fuser%2Fprofile_image%2F2621890%2F43457188-e89c-43fa-93df-e6a2148b126d.png" alt="preetha_vaishnavi_2b82358 profile" class="crayons-avatar__image" width="96" height="96"> </a> </div> <div> <div> <a href="/preetha_vaishnavi_2b82358" class="crayons-story__secondary fw-medium m:hidden"> preetha vaishnavi </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> preetha vaishnavi <div id="story-author-preview-content-3420324" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/preetha_vaishnavi_2b82358" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <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%2Fuser%2Fprofile_image%2F2621890%2F43457188-e89c-43fa-93df-e6a2148b126d.png" class="crayons-avatar__image" alt="" width="96" height="96"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">preetha vaishnavi</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/preetha_vaishnavi_2b82358/wifi-animation-ui-hpn" class="crayons-story__tertiary fs-xs"><time>Mar 28</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/preetha_vaishnavi_2b82358/wifi-animation-ui-hpn" id="article-link-3420324"> Wifi Animation UI </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/codepen"><span class="crayons-tag__prefix">#</span>codepen</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/preetha_vaishnavi_2b82358/wifi-animation-ui-hpn" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">1<span class="hidden s:inline"> reaction</span></span> </div> </a> <a href="https://dev.to/preetha_vaishnavi_2b82358/wifi-animation-ui-hpn#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> Comments <span class="hidden s:inline">Add Comment</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 1 min read </small> <span class="bm-initial"> </span> <span class="bm-success"> </span> </div> </div> </div> </div> </div> </div> Bad Builders Wed, 01 Apr 2026 04:27:11 +0000 https://forem.com/badbuilders/natural-threejs-grass-4991 https://forem.com/badbuilders/natural-threejs-grass-4991 <p><a href="https://codepen.io/Bad-Builders/pen/emdrNJB" rel="noopener noreferrer"></a></p> codepen Bad Builders Tue, 31 Mar 2026 20:06:00 +0000 https://forem.com/badbuilders/night-light-215i https://forem.com/badbuilders/night-light-215i <p><a href="https://codepen.io/editor/Bad-Builders/pen/019d457c-d8b3-743b-ac15-62ce099f3aaf" rel="noopener noreferrer"></a></p>