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: '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: Live preview
        to: https://landing-template.nuxt.dev
        target: _blank
        trailingIcon: i-lucide-arrow-up-right
        color: neutral
      - label: Use this template
        to: https://github.com/nuxt-ui-pro/landing/tree/v3
        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: Live preview
        to: https://docs-template.nuxt.dev
        target: _blank
        trailingIcon: i-lucide-arrow-up-right
        color: neutral
      - label: Use this template
        to: https://github.com/nuxt-ui-pro/docs/tree/v3
        target: _blank
        variant: outline
        icon: i-simple-icons-github
        color: neutral
  - 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: Live preview
        to: https://saas-template.nuxt.dev
        target: _blank
        trailingIcon: i-lucide-arrow-up-right
        color: neutral
      - label: Use this template
        to: https://github.com/nuxt-ui-pro/saas/tree/v3
        target: _blank
        variant: outline
        icon: i-simple-icons-github
        color: neutral
  - 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: Live preview
        to: https://dashboard-template.nuxt.dev
        target: _blank
        trailingIcon: i-lucide-arrow-up-right
        color: neutral
      - label: Use this template
        to: https://github.com/nuxt-ui-pro/dashboard/tree/v3
        target: _blank
        icon: i-simple-icons-github
        color: neutral
        variant: outline