Skip to content

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

Open any page and see it working

Every demo runs on the same components you get in the source code.

A 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
See the 30 blocks
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 } }, ],}
Ln 5, Col 19 · LandingBlockTypeScript

What you would build before your first feature

What a Nuxt and Vuetify project needs before its first feature, counted from this template
What you getTo build from scratchmelsami UI
Six apps with typed data providers6 providers · 39 componentsYes
Roles and permissions on pages, menus and buttons8 modules × 4 actionsYes
Landing page blocks30 blocks to designYes
Typed UI components101 components to writeYes
Command palette and keyboard shortcuts36 shortcuts to wireYes
Light, dark and right-to-left with a customizer7 palettes × 2 modesYes
Translations and language switcher3600+ strings per languageEN · ES
Starter without demos and developer docs290+ docs pagesYes
What you getTo build from scratchmelsami UI
Six apps with typed data providers6 providers · 39 componentsYes
Roles and permissions on pages, menus and buttons8 modules × 4 actionsYes
Landing page blocks30 blocks to designYes
Typed UI components101 components to writeYes

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


One developer
One personal product
Full source code
Lifetime updates
Email support

Commercial

For anything you sell or build for a client: SaaS, client sites, paid apps.

$149one-time


One developer
Unlimited end products
Client projects and paid SaaS
Full source code
Lifetime updates
Priority support, reply within 1 business day

Team

For agencies and product teams where several developers work on the code.

$349one-time


Up to 10 developers
Everything in Commercial
One license and one invoice for the company
Priority support for the whole team
Made by Melsami · version 1.0.0, October 2026Try it before you pay: every page is in the live demo and the docs are public, so you know exactly what you get.Open the live demo

Requires Node 24 LTS · Nuxt 4 · Vuetify 4. Prices in USD, taxes may apply depending on your country.

Read the licenseAsk support

Before you buy












Start your next Nuxt project with the foundations already built

Full source code, TypeScript everywhere and lifetime updates.