Build your product on melsami UI
Everything you need to install, understand and extend the template: the architecture, step-by-step guides and a reference for every component, composable and config file.
Run it locally
$cp env/.env.example env/.env$npm install$npm run dev
Find your way around
Start with the first two sections, then use the rest as a reference while you build.
Getting started
Install the template, learn the folder structure and the scripts, create a clean starter and deploy it.
Open : Getting startedFoundations
How the template is put together, from the data flow to the theme, the fonts, the icons and the translations.
Open : FoundationsGuides
Step-by-step recipes for the tasks you will do first, from adding a page to connecting your API.
Open : GuidesComponents
Every Base component with live examples you can try, its code and the full API generated from the source.
Open : ComponentsLayout
The App components of the shell: sidebar, navbar, controls, customizer and the auth and status screens.
Open : LayoutLanding
Every landing block and widget, rendered with the content of the three demo landings.
Open : LandingApps
Email, chat, calendar, kanban, tasks and files: how each app is built and how to plug in your backend.
Open : AppsModules
Dashboards, commerce, billing, learning, account, team, help, auth, status and form screens.
Open : ModulesAPI reference
Every composable, utility, store and middleware, with its signature read from the source.
Open : API referenceReference
Configuration files, types, environment variables, FAQ, changelog, license and credits.
Open : Reference