---
title: "Unhead - Head Management for Vue, React, Svelte & More"
description: "Framework-agnostic library for managing HTML head tags. Titles, meta tags, scripts, and structured data with SSR support for Vue, React, Svelte, Solid, Angular."
canonical_url: "https://unhead.unjs.io/docs/head/guides/get-started/overview"
last_updated: "2026-05-13T14:14:35.425Z"
---

**What is Unhead?** A framework-agnostic library for managing your HTML `<head>` - titles, meta tags, scripts, and more. Works with Vue, React, Svelte, Solid, Angular, and vanilla TypeScript.

Unhead enables you to dynamically control your HTML document's `<head>` elements, enhancing SEO, performance, and user experience across any JavaScript framework.

## How Do I Get Started?

If you're new to Unhead, start here to learn the essentials and set up your first implementation.

<framework-selector-minimal className="mb-7">



</framework-selector-minimal>

To get started with Unhead, choose your framework above and we'll update the docs for your usage.

<div className="grid,grid-cols-2,gap-5">
<u-page-card :spotlight="true" description="Explore Unhead's capabilities and architecture" icon="i-heroicons-information-circle" spotlight-color="primary" title="Intro to Unhead" to="/docs/head/guides/get-started/intro-to-unhead">



</u-page-card>

<u-page-card :spotlight="true" description="Copy-paste solutions for common head management scenarios" icon="i-heroicons-bookmark" spotlight-color="primary" title="Starter Recipes" to="/docs/head/guides/get-started/starter-recipes">



</u-page-card>
</div>

## What Are the Core Concepts?

Master the fundamental concepts behind Unhead's powerful head management.

<div className="grid,grid-cols-2,gap-5">
<u-page-card :spotlight="true" description="Learn to set page titles and use title templates effectively" icon="i-heroicons-document-text" spotlight-color="info" title="Titles & Title Templates" to="/docs/head/guides/core-concepts/titles">



</u-page-card>

<u-page-card :spotlight="true" description="Control where and how tags are rendered in your document" icon="i-heroicons-arrows-pointing-out" spotlight-color="info" title="Tag Sorting & Placement" to="/docs/head/guides/core-concepts/positions">



</u-page-card>

<u-page-card :spotlight="true" description="Manage HTML and body attributes effectively" icon="i-heroicons-tag" spotlight-color="info" title="Class & Style Attributes" to="/docs/head/guides/core-concepts/class-attr">



</u-page-card>

<u-page-card :spotlight="true" description="Add and manage inline content in your head elements" icon="i-heroicons-code-bracket" spotlight-color="info" title="Inline Style & Scripts" to="/docs/head/guides/core-concepts/inner-content">



</u-page-card>

<u-page-card :spotlight="true" description="Understand how Unhead prevents and resolves duplicate tags" icon="i-heroicons-document-duplicate" spotlight-color="info" title="Tag Deduplication" to="/docs/head/guides/core-concepts/handling-duplicates">



</u-page-card>

<u-page-card :spotlight="true" description="Handle DOM events elegantly in your head elements" icon="i-heroicons-cursor-arrow-ripple" spotlight-color="info" title="DOM Event Handling" to="/docs/head/guides/core-concepts/dom-event-handling">



</u-page-card>

<u-page-card :spotlight="true" description="Manage script loading efficiently and reliably" icon="i-heroicons-code-bracket-square" spotlight-color="info" title="Script Loading" to="/docs/head/guides/core-concepts/loading-scripts">



</u-page-card>
</div>

## How Can I Extend Unhead?

Take your head management to the next level with these advanced capabilities.

<div className="grid,grid-cols-2,gap-5">
<u-page-card :spotlight="true" description="Create custom plugins and extend core functionality" icon="i-heroicons-cog-8-tooth" spotlight-color="warning" title="Plugins API" to="/docs/head/api/plugins">



</u-page-card>

<u-page-card :spotlight="true" description="Leverage build tools to optimize Unhead usage" icon="i-heroicons-puzzle-piece" spotlight-color="warning" title="Build Plugins" to="/docs/head/guides/build-plugins/overview">



</u-page-card>
</div>

## What Plugins Are Available?

Enhance Unhead with powerful plugins for common use cases.

<div className="grid,grid-cols-2,gap-5">
<u-page-card :spotlight="true" description="Use dynamic template parameters in your head tags" icon="i-heroicons-variable" spotlight-color="success" title="Template Params" to="/docs/head/guides/plugins/template-params">



</u-page-card>

<u-page-card :spotlight="true" description="Sort your tags based on aliases for optimal organization" icon="i-heroicons-bars-arrow-down" spotlight-color="success" title="Alias Sorting" to="/docs/head/guides/plugins/alias-sorting">



</u-page-card>

<u-page-card :spotlight="true" description="Automatically generate and manage canonical URLs" icon="i-heroicons-link" spotlight-color="success" title="Canonical Plugin" to="/docs/head/guides/plugins/canonical">



</u-page-card>

<u-page-card :spotlight="true" description="Automatically generate proper SEO meta tags" icon="i-heroicons-chart-bar" spotlight-color="success" title="Infer SEO Meta" to="/docs/head/guides/plugins/infer-seo-meta-tags">



</u-page-card>
</div>
