ui/docs/app/pages/pro/.content/templates.yml

title: Official Nuxt UI Pro Templates
description: 'Ready to use templates powered by our premium Vue components and Nuxt Content. The templates are responsive, accessible and easy to customize so you can get started in no time.'
hero:
  title: Ship [in minutes]{.text-(--ui-primary)} with :br Nuxt UI Pro Templates
  description: 'Ready to use templates powered by our premium Vue components and Nuxt Content.<br class="hidden lg:block"> The templates are responsive, accessible and easy to customize so you can get started in no time.'
navigation: false
links:
  - label: Get started
    to: /getting-started/installation/pro/nuxt#use-an-official-template
    color: neutral
    size: xl
    trailingIcon: i-lucide-arrow-right
  - label: Purchase a license
    size: xl
    color: neutral
    variant: outline
    to: /pro/pricing
templates:
  - title: 'Dashboard'
    description: "A template to illustrate how to build your own dashboard with the 15+ latest Nuxt UI Pro components, designed specifically to create a consistent look and feel."
    icon: i-lucide-bar-chart-big
    thumbnail:
      dark: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL2Rhc2hib2FyZC10ZW1wbGF0ZS5udXh0LmRldiIsImlhdCI6MTczOTQ2MzU2N30._VElt4uvLjvAMdnTLytCInOajMElzWDKbmvOaMZhZUI.jpg?theme=dark
      light: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL2Rhc2hib2FyZC10ZW1wbGF0ZS5udXh0LmRldiIsImlhdCI6MTczOTQ2MzU2N30._VElt4uvLjvAMdnTLytCInOajMElzWDKbmvOaMZhZUI.jpg?theme=light
    features:
      - title: Mix with SaaS template for a complete solution
        icon: i-lucide-puzzle
      - title: Includes custom components for charts, date pickers, etc.
        icon: i-lucide-bar-chart-big
      - title: Resizable multi-column layout
        icon: i-lucide-columns-3
    links:
      - label: Preview
        to: https://dashboard-template.nuxt.dev
        target: _blank
        leadingIcon: i-logos-nuxt-icon
        trailingIcon: i-lucide-arrow-up-right
        color: neutral
      - label: Nuxt Template
        to: https://github.com/nuxt-ui-pro/dashboard
        target: _blank
        icon: i-simple-icons-github
        color: neutral
        variant: outline
      - label: Preview
        to: https://vue-dashboard-template.nuxt.dev
        target: _blank
        leadingIcon: i-logos-vue
        trailingIcon: i-lucide-arrow-up-right
        color: neutral
      - label: Vue Template
        to: https://github.com/nuxt-ui-pro/dashboard-vue
        target: _blank
        icon: i-simple-icons-github
        color: neutral
        variant: outline
  - title: 'SaaS'
    description: "A fully built SaaS application to launch your next project. It includes a landing page, a pricing page, a documentation and a blog which can customized easily from the `content/` directory."
    icon: i-lucide-cloud
    thumbnail:
      dark: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL3NhYXMtdGVtcGxhdGUubnV4dC5kZXYiLCJpYXQiOjE3Mzk0NjM0NDh9.tgzUQaw6XswUPPVbOXazuWwoTHJODg155CYt1xfzIdM.jpg?theme=dark
      light: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL3NhYXMtdGVtcGxhdGUubnV4dC5kZXYiLCJpYXQiOjE3Mzk0NjM0NDh9.tgzUQaw6XswUPPVbOXazuWwoTHJODg155CYt1xfzIdM.jpg?theme=light
    features:
      - title: Includes Landing & Docs sections
        icon: i-lucide-grid-2x2-plus
      - title: Customizable command palette
        icon: i-lucide-command
      - title: Authentication pages (login, register)
        icon: i-lucide-user-round-check
    links:
      - label: Preview
        to: https://saas-template.nuxt.dev
        target: _blank
        leadingIcon: i-logos-nuxt-icon
        trailingIcon: i-lucide-arrow-up-right
        color: neutral
      - label: Nuxt Template
        to: https://github.com/nuxt-ui-pro/saas
        target: _blank
        variant: outline
        icon: i-simple-icons-github
        color: neutral
  - title: 'Landing'
    description: "A landing page template you can use as a starting point for your next idea. You can change the content easily in [`content/index.yml`](https://github.com/nuxt-ui-pro/landing/blob/v3/content/index.yml)."
    icon: i-lucide-layout
    thumbnail:
      dark: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL2xhbmRpbmctdGVtcGxhdGUubnV4dC5kZXYiLCJpYXQiOjE3Mzk0NjMzNzV9.ja2nUDVOoIFvyaMmg9Jn51uNMoYYt4WA1KWUQBWwUPo.jpg?theme=dark
      light: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL2xhbmRpbmctdGVtcGxhdGUubnV4dC5kZXYiLCJpYXQiOjE3Mzk0NjMzNzV9.ja2nUDVOoIFvyaMmg9Jn51uNMoYYt4WA1KWUQBWwUPo.jpg?theme=light
    features:
      - title: Full responsive
        icon: i-lucide-smartphone
      - title: Features, Pricing, Testimonials and FAQ sections
        icon: i-lucide-rows-3
      - title: Write content in YAML
        icon: i-simple-icons-yaml
    links:
      - label: Preview
        to: https://landing-template.nuxt.dev
        target: _blank
        leadingIcon: i-logos-nuxt-icon
        trailingIcon: i-lucide-arrow-up-right
        color: neutral
      - label: Nuxt Template
        to: https://github.com/nuxt-ui-pro/landing
        target: _blank
        icon: i-simple-icons-github
        color: neutral
        variant: outline
  - title: 'Docs'
    description: "A ready-to-use documentation template integrated with [Nuxt Content](https://content.nuxt.com). You can start writing your docs right away inside the [`content/`](https://github.com/nuxt-ui-pro/docs/tree/v3/content) directory."
    icon: i-lucide-book
    thumbnail:
      dark: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL2RvY3MtdGVtcGxhdGUubnV4dC5kZXYiLCJpYXQiOjE3Mzk0NjM0MTd9.ltVAqPgKG38O01X1zl6MXfrJc55nf9OewXNFjpZ_2JY.jpg?theme=dark
      light: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL2RvY3MtdGVtcGxhdGUubnV4dC5kZXYiLCJpYXQiOjE3Mzk0NjM0MTd9.ltVAqPgKG38O01X1zl6MXfrJc55nf9OewXNFjpZ_2JY.jpg?theme=light
    features:
      - title: Write pages in Markdown
        icon: i-simple-icons-markdown
      - title: Generated navigation & table of contents
        icon: i-lucide-text
      - title: Full-text search out of the box
        icon: i-lucide-search
    links:
      - label: Preview
        to: https://docs-template.nuxt.dev
        target: _blank
        leadingIcon: i-logos-nuxt-icon
        trailingIcon: i-lucide-arrow-up-right
        color: neutral
      - label: Nuxt Template
        to: https://github.com/nuxt-ui-pro/docs/tree/v3
        target: _blank
        variant: outline
        icon: i-simple-icons-github
        color: neutral
  - title: 'Starter'
    description: "A minimal starter template to build your own project with Nuxt UI Pro components."
    icon: i-lucide-flower
    thumbnail:
      dark: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL3VpLXByby1zdGFydGVyLm51eHQuZGV2IiwiaWF0IjoxNzM5NDYzMzk4fQ.XLzPkSW6nRbPW07QO1RkMwz_RAPA4KfeyrWrK3li9YI.jpg?theme=dark
      light: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL3VpLXByby1zdGFydGVyLm51eHQuZGV2IiwiaWF0IjoxNzM5NDYzMzk4fQ.XLzPkSW6nRbPW07QO1RkMwz_RAPA4KfeyrWrK3li9YI.jpg?theme=light
    features:
      - title: ESLint Configured
        icon: i-simple-icons-eslint
      - title: Nuxt 4 Compatibility Enabled
        icon: i-simple-icons-nuxtdotjs
    links:
      - label: Preview
        to: https://ui-pro-starter.nuxt.dev
        target: _blank
        leadingIcon: i-logos-nuxt-icon
        trailingIcon: i-lucide-arrow-up-right
        color: neutral
      - label: Nuxt Template
        to: https://github.com/nuxt-ui-pro/starter
        target: _blank
        variant: outline
        icon: i-simple-icons-github
        color: neutral
      - label: Preview
        to: https://ui-pro-starter-vue.nuxt.dev
        target: _blank
        leadingIcon: i-logos-vue
        trailingIcon: i-lucide-arrow-up-right
        color: neutral
      - label: Vue Template
        to: https://github.com/nuxt-ui-pro/starter-vue
        target: _blank
        variant: outline
        icon: i-simple-icons-github
        color: neutral