Classic dashboard

An overview with charts, a file manager, settings, pricing, sign-in and sign-up, and error pages, inside a sidebar layout with search, notifications, a theme customizer and three languages. Free, and yours to change.

Live preview Get the code GitHub

Free10 pagesEnglish, Indonesian, ArabicLight and dark

Pages

OverviewFour numbers with their trend, revenue over the year, orders by day, recent orders and traffic sources.1 / 10

What's inside

A layout that's doneA sidebar that collapses to icons and remembers it, sections and badges, a top bar, and a sheet on phones.
Search everything⌘K opens a palette of every page, grouped like the menu, and the keyboard works all the way.
Theme customizerPick the primary color, backgrounds, card style, font and radius live, in light, dark or the system's mode; saved in the browser.
Three languagesEnglish, Indonesian and Arabic, with the whole layout mirrored right to left.
NotificationsA bell with the unread count, all or unread only, mark everything read, and toasts that say what happened.
Charts with tooltipsArea, bar and sparkline charts that explain each point, with a table version for screen readers.
Forms that checkLabels, hints and errors wired up for screen readers, on settings and sign-in alike.
Every screen sizeEach page restacks for phones and tablets instead of shrinking.

Next.js 16React 19Tailwind CSS v4TypeScriptRadixnext-intlnext-themes

Get started

Clone the repository and run pnpm dashral init once: it keeps only this template, which then opens on localhost:3000, and asks the rest. The demo pages or a blank page to build on, three languages or English only, the theme customizer, your app's name and its look. What you don't keep is deleted, so the project starts clean. No database or keys to set up.

Terminal

git clone https://github.com/hasralgana/dashral.git my-dashboard
cd my-dashboard
pnpm install
pnpm dashral init --template classic
pnpm dev

Just looking around? Leave out the init line: both templates and every page run as they are, this one on localhost:3000. To pick the look first, open the live demo, set it in the theme customizer and use Copy setup command. Every option is in Installation.

Then make it yours: change the colors and radius with the theme tokens, add pages from the blocks, and set your logo and domain (the README's Make it yours).

Going further

Dashral Pro ProThe same dashboard with Analytics, Services, E-commerce and CRM, Kanban, Calendar and Chat, users and invitations, real sign-in and a database. Every Pro page in the menu here already points there.