Une galerie de composants pour construire
Melis Design est le guide de style de la plateforme — environ 60 écrans d'administration et composants UI prêts à l'emploi. Le CSS est fourni avec Melis Core : vous copiez le HTML et vous commencez à construire.
Paquet
Type
Back-office
Démos
Styles
Dépend de
Vue d'ensemble
Copier, plutôt que recréer
Melis Design est le guide de style et la galerie de composants de la plateforme : chaque démo est un contrôleur qui rend un .phtml, montrant l'apparence d'un écran ou d'un widget une fois le CSS de Melis Core appliqué. Ce sont des modèles à copier, pas des outils reliés à de vraies données.
La promesse du README : « Tous les styles sont déjà inclus avec Melis Core. Il n'y a pas besoin de chercher le CSS. Trouvez simplement le HTML et le JS si nécessaire, et commencez à coder un plugin. »
Fonctionnalités clés
Une galerie pour construire
Des écrans et des composants prêts à l'emploi, mis en forme par Core, à vous de les copier.
~60 écrans de démo
Coquilles d'application, profils, support, e-commerce, médical, cartes, galeries et bien plus.
Bâti sur le thème de Core
Chaque démo utilise le thème d'administration de Melis Core (« FLAT PLUS »).
Copiez le markup, pas le CSS
Prenez le HTML ; l'apparence vient de Core.
Composants UI
Boutons, icônes, typographie, alertes, modales, onglets, tableaux, graphiques, formulaires.
Vitrine en lecture seule
Rien à configurer — une galerie que vous parcourez.
Construisez plus vite
Réutilisez une démo lorsque vous construisez un outil ou un plugin CMS.
Voir en action
Choisissez un écran, copiez son markup
Parcourez la galerie, trouvez la mise en page dont vous avez besoin et reprenez le HTML directement dans votre vue.
Trouvez un écran, copiez-le
Ouvrez l'outil HTML (Designs), choisissez un écran ou un composant et copiez son markup directement dans votre propre vue.
- ~60 démos regroupées
- Markup uniquement — CSS depuis Core
- Construisez un plugin plus vite
Pour les développeurs
Comment c'est câblé
Juste des .phtml à copier
Les vues se trouvent sous view/melis-design/<area>/ et le JS sous public/js/<area>/.
L'apparence vient de Core
Les démos utilisent le thème d'administration de Melis Core — aucun CSS à chercher.
Parcourez sous MelisCore
Apparaît comme l'outil « HTML » (melisKey meliscore_tool_creatrion_designs).
// Trouvez un design, copiez son markup dans votre propre vue — // l'apparence vient de Melis Core, aucun CSS nécessaire : // view/melis-design/<area>/<demo>.phtml // public/js/<area>/<demo>.js (si la démo a besoin de JS)
Écosystème
Fonctionne aux côtés de
Melis Design s'associe aux modules que vous utilisez au quotidien.
Construisez votre back-office plus vite
Découvrez la galerie de designs dans un back-office en direct.
