17 pages
Dashboard, orders, products, customers, reports, settings, auth, and error screens.
Dashboard template
Meridian
A self-contained admin starter built on Stisla. Plain HTML, one stylesheet, and a little vanilla JS.
- HTML
- Tailwind v4
- Vanilla JS
- Stack
- HTML · Tailwind · Vanilla JS
- Pages
- 17
- Icons
- Solar, inline
- License
- MIT
What’s in the download.
Server-rendered tables
Sorting, filtering, pagination, and search expressed as links and a form your backend reads.
Inline Solar icons
Every icon is copy-paste markup. No icon font, no CDN, no runtime to load.
No-build JavaScript
Five first-party scripts loaded as plain script tags. Edit them in place and reload.
Themeable
Every page reads the same tokens, so one color change repaints the whole template.
Backend-agnostic
Drops into Laravel Blade, Rails, Django, or plain PHP by copying the markup.
All 17, nothing withheld.
Every page ships in the download. Scroll the strip, or open one to look closer.
Run it, then make it yours.
01
Run it
The download is a self-contained meridian/ folder. It links @stisla/vanilla and ApexCharts from a CDN, so it runs with no install: unzip it and open a page.
The folder is named meridian/ because its navigation links are absolute (/meridian/orders.html). Drop the folder at your web root and every link resolves.
To change the styling you recompile one stylesheet. Install pulls @stisla/style and the Tailwind CLI, then the build turns app.css into the style.css every page links.
02
Adopt it in your project
Adopting Meridian is copying markup. Each page is plain HTML, so a screen is a block you paste into a Blade, ERB, or Django view and wire to your data.
One edit is mandatory when you move the CSS into your own project. The @source lines at the top of app.css tell Tailwind which files to scan for class names. Repoint them at wherever your views live.
assets/css/app.css
Skip that step and the markup renders unstyled, because the utilities it uses are never generated.
Icons are Solar, baked in as <svg>. To swap one, copy its markup from Iconify and paste it inside an .icon-box. Keep fill="currentColor" so it tracks the surrounding text and theme.
The five scripts under assets/js/ are hand-written and load as plain script tags, so you edit them directly. The one piece you consume rather than edit is @stisla/vanilla, the framework behavior layer, loaded precompiled from the CDN.