AtlasUI – Modern Admin Dashboard Template | HTML, CSS & JS (Dark/Light Mode)
Unggulan
AtlasUI adalah template Admin Dashboard modern berbasis HTML, CSS, dan JavaScript murni — tanpa framework dan tanpa build tools. Dibuat khusus untuk membantu startup, UKM, dan SaaS builder yang ingin memiliki dashboard internal dengan cepat, ringan, dan mudah dikustomisasi.
✨ Fitur Utama
-
Sidebar navigasi dengan menu collapsible
-
Topbar dengan search & avatar user
-
Kartu metrik (Revenue, Orders, Users, Conversion) dengan tren
-
Grafik interaktif (Line, Donut, Bar) via Canvas 2D — tanpa library eksternal
-
Tabel Orders dengan sorting, pagination, dan rows-per-page
-
Tabel Users dengan filter realtime & sorting kolom
-
Settings untuk preferensi tema & density
-
Dark/Light Mode via CSS variables
🎯 Kenapa AtlasUI?
-
Tanpa dependensi framework → cepat & ringan
-
Mudah diintegrasikan ke backend API/REST/GraphQL
-
Responsif & aksesibel → tampil sempurna di desktop, tablet, mobile
-
Cocok untuk: internal tools, admin panel SaaS, monitoring dashboard, dan laporan bisnis
📦 Isi Paket
-
index.html – struktur layout dashboard
-
assets/style.css – desain modern responsif
-
assets/app.js – logic sidebar, chart, tabel, tema
-
assets/sales.json & users.json – data contoh
-
assets/logo.svg – logo placeholder
-
README.md + LICENSE (MIT)
Dengan AtlasUI, kamu bisa membangun admin panel profesional dalam hitungan menit, tanpa perlu coding rumit atau setup framework besar. 🚀
&summary=<p class="p1"><span style="display: inline !important;">AtlasUI adalah </span><span class="s2"><b>template Admin Dashboard modern</b></span><span style="display: inline !important;"> berbasis </span><span class="s2"><b>HTML, CSS, dan JavaScript murni</b></span><span style="display: inline !important;"> — tanpa framework dan tanpa build tools. Dibuat khusus untuk membantu </span><span class="s2"><b>startup, UKM, dan SaaS builder</b></span><span style="display: inline !important;"> yang ingin memiliki dashboard internal dengan cepat, ringan, dan mudah dikustomisasi.</span><span class="s1"></span></p>
<p class="p2"><br></p>
<p class="p1"><span class="s1"></span></p><h3><b>✨ Fitur Utama</b></h3><p></p>
<p class="p1"><span class="s1"></span></p><ul><li>
<p class="p1"><span class="s1"><b>Sidebar navigasi</b></span> dengan menu collapsible</p>
</li><li>
<p class="p1"><span class="s1"><b>Topbar</b></span> dengan search & avatar user</p>
</li><li>
<p class="p1"><span class="s1"><b>Kartu metrik</b></span> (Revenue, Orders, Users, Conversion) dengan tren</p>
</li><li>
<p class="p1"><span class="s1"><b>Grafik interaktif</b></span> (Line, Donut, Bar) via Canvas 2D — tanpa library eksternal</p>
</li><li>
<p class="p1"><span class="s1"><b>Tabel Orders</b></span> dengan sorting, pagination, dan rows-per-page</p>
</li><li>
<p class="p1"><span class="s1"><b>Tabel Users</b></span> dengan filter realtime & sorting kolom</p>
</li><li>
<p class="p1"><span class="s1"><b>Settings</b></span> untuk preferensi tema & density</p>
</li><li>
<p class="p1"><span class="s1"><b>Dark/Light Mode</b></span> via CSS variables</p>
</li></ul><p></p>
<p class="p2"><br></p>
<p class="p1"><span class="s1"></span></p><h3><b>🎯 Kenapa AtlasUI?</b></h3><p></p>
<p class="p1"><span class="s1"></span></p><ul><li>
<p class="p1"><b>Tanpa dependensi framework</b><span class="s1"> → cepat & ringan</span></p>
</li><li>
<p class="p1"><span class="s1"><b>Mudah diintegrasikan</b></span> ke backend API/REST/GraphQL</p>
</li><li>
<p class="p1"><span class="s1"><b>Responsif & aksesibel</b></span> → tampil sempurna di desktop, tablet, mobile</p>
</li><li>
<p class="p1"><span class="s1"><b>Cocok untuk</b></span>: internal tools, admin panel SaaS, monitoring dashboard, dan laporan bisnis</p>
</li></ul><p></p>
<p class="p2"><br></p>
<p class="p1"><span class="s1"></span></p><h3><b>📦 Isi Paket</b></h3><p></p>
<p class="p1"><span class="s1"></span></p><ul><li>
<p class="p1"><span class="s1">index.html</span> – struktur layout dashboard</p>
</li><li>
<p class="p1"><span class="s1">assets/style.css</span> – desain modern responsif</p>
</li><li>
<p class="p1"><span class="s1">assets/app.js</span> – logic sidebar, chart, tabel, tema</p>
</li><li>
<p class="p1">assets/sales.json & users.json<span class="s1"> – data contoh</span></p>
</li><li>
<p class="p1"><span class="s1">assets/logo.svg</span> – logo placeholder</p>
</li><li>
<p class="p1">README.md<span class="s1"> + </span>LICENSE (MIT)</p>
</li></ul><p></p>
<p class="p2"><br></p>
<p class="p3">Dengan AtlasUI, kamu bisa <span class="s2"><b>membangun admin panel profesional dalam hitungan menit</b></span>, tanpa perlu coding rumit atau setup framework besar. 🚀</p>){kind=link}