---
title: "Components"
description: "Use Nuxt's built-in Head, Title, Meta, Link, and Script components for template-based head management without imports."
canonical_url: "https://unhead.unjs.io/docs/nuxt/head/guides/core-concepts/components"
last_updated: "2026-07-29T14:59:07.733Z"
---
Nuxt includes ``, ``, `<Meta>`, `<Link>`, and `<Script>` components. They are auto-imported and can be used directly in templates.
## Available Components
Use these components when the tags read more clearly in the template. Use `useHead()` when you need typed object input or entry options.
## Usage
The [Nuxt SEO documentation](https://nuxt.com/docs/4.x/getting-started/seo-meta#components) lists the full component API.
```vue
<script setup lang="ts">
const title = ref('Hello World')
</script>
<template>
<div>
<Head>
<Title>{{ title }}
{{ title }}
```