The latest articles on DEV Community by Abdallah Odeh (@abood170). https://dev.to/abood170 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%2F3923915%2F6c4558be-bf32-4bb7-91e8-ec59748a3b0f.jpeg https://dev.to/abood170 en Abdallah Odeh Mon, 11 May 2026 00:21:50 +0000 https://dev.to/abood170/i-built-a-free-saas-admin-dashboard-template-7-pages-darklight-mode-pure-htmlcssjs-23ol https://dev.to/abood170/i-built-a-free-saas-admin-dashboard-template-7-pages-darklight-mode-pure-htmlcssjs-23ol <h2> What I built </h2> <p>I got tired of building the same login pages, sidebars, <br> and dashboard layouts from scratch. So I built DashKit Pro <br> — a complete admin dashboard starter kit.</p> <h2> Live Demo </h2> <p>👉 <a href="https://abood170.github.io/dashkit-pro/" rel="noopener noreferrer">https://abood170.github.io/dashkit-pro/</a></p> <h2> What's included </h2> <p>-Login &amp; Signup pages<br> -Dashboard with live charts<br> -Analytics page<br> -Users management table<br> -Reports page<br> -Billing page<br> -Settings with multiple tabs<br> -Dark &amp; light mode toggle<br> -Fully responsive<br> -Pure HTML + CSS + JS — no install needed</p> <h2> Tech stack </h2> <p>No frameworks, no build tools. Just open dashboard.html and it works.</p> <ul> <li>Chart.js for charts</li> <li>Lucide icons</li> <li>Google Fonts (Inter)</li> </ul> <h2> GitHub </h2> <p><a href="https://github.com/Abood170/dashkit-pro" rel="noopener noreferrer">https://github.com/Abood170/dashkit-pro</a></p> <h2> Get the full version </h2> <p><a href="https://aboododeh.gumroad.com/l/lwcuo" rel="noopener noreferrer">https://aboododeh.gumroad.com/l/lwcuo</a></p> <p>Would love your feedback! </p> webdev html opensource javascript