---
title: Components
description: 'Use Nuxt built-in Head, Title, Meta, Link, Script components. Template-based head management with no imports required.'
navigation:
title: 'Components'
---
**Quick Answer:** Nuxt includes built-in ``, ``, `<Meta>`, `<Link>`, and `<Script>` components. No imports needed - just use them in your templates.
## What head components are available in Nuxt?
Nuxt exports several Vue components that can be used to manage your head tags.
While it's recommended to use the `useHead()`{lang="ts"} composable as it offers a more flexible API with full TypeScript support,
the Vue component may make more sense for your project.
## How do I use head components?
For full usage instructions please refer to the [Nuxt documentation](https://nuxt.com/docs/getting-started/seo-meta#components).
```vue
<script setup lang="ts">
const title = ref('Hello World')
</script>
<template>
<div>
<Head>
<Title>{{ title }}
{{ title }}
```