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-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: Buy a license
    color: primary
    size: xl
    to: /pro/pricing
  - label: Try for free
    to: /getting-started/installation/pro/nuxt#use-an-official-template
    size: xl
    color: neutral
    variant: outline
    trailingIcon: i-lucide-arrow-right
templates:
  - title: 'Portfolio'
    description: "A sleek, modern portfolio template to showcase your work, skills, blog posts, speaking engagements, and provide contact information. Which can customized easily from the `content/` directory."
    icon: i-lucide-user
    thumbnail:
      dark: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL3BvcnRmb2xpby10ZW1wbGF0ZS5udXh0LmRldiIsImlhdCI6MTc0NTkzNDczMX0.XDWnQoyVy3XVtKQD6PLQ8RFUwr4yr1QnVwPxRrjCrro.jpg?theme=dark
      light: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL3BvcnRmb2xpby10ZW1wbGF0ZS5udXh0LmRldiIsImlhdCI6MTc0NTkzNDczMX0.XDWnQoyVy3XVtKQD6PLQ8RFUwr4yr1QnVwPxRrjCrro.jpg?theme=light
    features:
      - title: Sections for Projects, Blog, Speaking & About
        icon: i-lucide-layout-list
      - title: Easily editable content via Markdown & YAML
        icon: i-simple-icons-markdown
      - title: Fully responsive design
        icon: i-lucide-smartphone
    links:
      - label: Preview
        to: https://portfolio-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/portfolio
        target: _blank
        icon: i-simple-icons-github
        color: neutral
        variant: outline
  - title: 'Chat'
    description: "An AI chatbot template designed to help you build your own chatbot with Nuxt UI Pro components and deployed on [NuxtHub](https://hub.nuxt.com)."
    icon: i-lucide-message-circle
    thumbnail:
      dark: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL2NoYXQtdGVtcGxhdGUubnV4dC5kZXYiLCJpYXQiOjE3NDI4NDY2ODB9.n4YCsoNz8xatox7UMoYZFNo7iS1mC_DT0h0A9cKRoTw.jpg?theme=dark
      light: https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL2NoYXQtdGVtcGxhdGUubnV4dC5kZXYiLCJpYXQiOjE3NDI4NDY2ODB9.n4YCsoNz8xatox7UMoYZFNo7iS1mC_DT0h0A9cKRoTw.jpg?theme=light
    features:
      - title: Powered by Cloudflare AI models
        icon: i-simple-icons-cloudflare
      - title: GitHub OAuth authentication
        icon: i-lucide-lock
      - title: Saved chats and messages
        icon: i-lucide-database
    links:
      - label: Preview
        to: https://chat-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/chat
        target: _blank
        icon: i-simple-icons-github
        color: neutral
        variant: outline
  - title: 'Dashboard'
    description: "A template to illustrate how to build your own dashboard with 15+ 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