The latest articles on DEV Community by Hail Gracy (@hail_gracy_). https://dev.to/hail_gracy_ 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%2F3400096%2F03bdb3f7-a1be-4ac1-b637-6551255e3f2a.jpg https://dev.to/hail_gracy_ en Hail Gracy Tue, 05 Aug 2025 12:45:27 +0000 https://dev.to/hail_gracy_/netflix-inspired-login-page-clone-3a9 https://dev.to/hail_gracy_/netflix-inspired-login-page-clone-3a9 <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/Hail-Gracy/embed/KwdmvrW?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Hail Gracy Wed, 30 Jul 2025 11:54:25 +0000 https://dev.to/hail_gracy_/heart-2l7f https://dev.to/hail_gracy_/heart-2l7f <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/Hail-Gracy/embed/ZYbLEYW?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Hail Gracy Wed, 30 Jul 2025 11:47:36 +0000 https://dev.to/hail_gracy_/progress-tracker-with-light-off-effect-3oc0 https://dev.to/hail_gracy_/progress-tracker-with-light-off-effect-3oc0 <p>The 84-Day Light-Off Tracker is a web-based motivation tool designed to help users visually track their progress toward a 100-day goal. It reinforces daily habit-building by lighting up virtual "bulbs" for each successful day. Upon reaching 84 days, the tracker triggers a unique “light-off” effect—celebrating the milestone and encouraging users to power through the final stretch.</p> <p><iframe height="600" src="https://codepen.io/Hail-Gracy/embed/dPYpeaO?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Hail Gracy Wed, 30 Jul 2025 11:46:31 +0000 https://dev.to/hail_gracy_/tangled-themed-scene-with-floating-lanterns-5b5n https://dev.to/hail_gracy_/tangled-themed-scene-with-floating-lanterns-5b5n <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/Hail-Gracy/embed/RNWGJbL?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen