Ship your admin and your landing from the same codebase
A dashboard, a landing page kit with 30 blocks and a typed UI library on Nuxt 4, Vuetify 4 and TypeScript. Change the content, keep the code.
Version 1.0.0 · one-time payment · lifetime updates
- typed UI components
- 101
- landing blocks
- 30
- ready-made pages
- 57


sections: [ { type: 'hero', props: { title: '…' } }, { type: 'portfolio', id: 'demos' }, { type: 'pricing', tone: 'muted' }, { type: 'faq', props: { searchable: true } },]Open any page and see it working
Every demo runs on the same components you get in the source code.
Studio landing
Services, estimator, portfolio and bookingApp landing
Product tour, platforms, pricing per seatKanban board
Drag and drop cards between columnsProduct catalog
Data table with filters, grouping and bulk actionsComponent library
Every Base component with its variantsA landing page is an array of data
Each page is a typed content file. LandingPage turns it into sections with their tone and spacing.
- Autocomplete on every prop
- Reorder sections without touching CSS
- One file per language
export const en: LandingPageContent = { seo: { title: 'Admin and landing template' }, sections: [ { type: 'hero', props: { variant: 'devices', title: '…' }, }, { type: 'portfolio', id: 'demos', props: { … } }, { type: 'pricing', tone: 'muted', props: { … } }, { type: 'faq', props: { searchable: true } }, ],}What you would build before your first feature
| What you get | To build from scratch | melsami UI |
|---|---|---|
| Six apps with typed data providers | 6 providers · 39 components | Yes |
| Roles and permissions on pages, menus and buttons | 8 modules × 4 actions | Yes |
| Landing page blocks | 30 blocks to design | Yes |
| Typed UI components | 101 components to write | Yes |
| Command palette and keyboard shortcuts | 36 shortcuts to wire | Yes |
| Light, dark and right-to-left with a customizer | 7 palettes × 2 modes | Yes |
| Translations and language switcher | 3600+ strings per language | EN · ES |
| Starter without demos and developer docs | 290+ docs pages | Yes |
Measured, not promised
Measured with Lighthouse (v12.8) on the production build of this page and the dashboard. The tests ship with the code: npm test and npm run test:e2e.
- 100Lighthouse accessibility
- 100Lighthouse best practices
- 84performance of this page on desktop
- 169unit tests on the business rules
- 117end-to-end tests in Chrome
One payment, lifetime updates
Personal if nobody pays for what you build, Commercial as soon as someone does, Team when several developers share the code.
Personal
For one product of your own that you do not sell or build for a client.
$49one-time
Commercial
For anything you sell or build for a client: SaaS, client sites, paid apps.
$149one-time
Team
For agencies and product teams where several developers work on the code.
$349one-time
Requires Node 24 LTS · Nuxt 4 · Vuetify 4. Prices in USD, taxes may apply depending on your country.
Read the licenseAsk supportBefore you buy
Start your next Nuxt project with the foundations already built
Full source code, TypeScript everywhere and lifetime updates.