Melis Design is the platform’s style guide — around 60 ready-made admin screens and UI components. The CSS ships with Melis Core, so you copy the HTML and start building.

Package
Type
Back-office
Demos
Styling
Depends on
Overview
Melis Design is the platform’s style guide and component gallery: every demo is a controller that renders a .phtml, showing how a screen or widget looks with Melis Core’s CSS already applied. They’re templates to copy, not tools wired to real data.
The promise from the README: ‘All styles are already included with Melis Core. There is no need to look for CSS. Just find the HTML and JS if needed and start coding a plugin.’
Key features
Ready-made screens and components, styled by Core, yours to copy.
App shells, profiles, support, commerce, medical, maps, galleries and more.
Every demo uses Melis Core’s admin theme (‘FLAT PLUS’).
Take the HTML; the look comes from Core.
Buttons, icons, typography, alerts, modals, tabs, tables, charts, forms.
Nothing to configure — a gallery you browse.
Reuse a demo when building a tool or a CMS plugin.
See it in action
Browse the gallery, find the layout you need, and lift the HTML straight into your view.

Open the HTML (Designs) tool, pick a screen or component, and copy its markup straight into your own view.
For developers
Views live under view/melis-design/<area>/ and JS under public/js/<area>/.
Demos use Melis Core’s admin theme — no CSS to hunt for.
Appears as the ‘HTML’ tool (melisKey meliscore_tool_creatrion_designs).
// Find a design, copy its markup into your own view — // the look comes from Melis Core, no CSS needed: // view/melis-design/<area>/<demo>.phtml // public/js/<area>/<demo>.js (if the demo needs JS)
Ecosystem
Melis Design pairs with the modules you build on every day.
See the design gallery in a live back-office.