Unhead - Head Management for Vue, React, Svelte & More · Unhead

[Unhead Home](https://unhead.unjs.io/ "Home")

- [Docs](https://unhead.unjs.io/docs/svelte/head/guides/get-started/overview)
- [Tools](https://unhead.unjs.io/tools)
- [Learn](https://unhead.unjs.io/learn/guides/what-is-capo)

[Releases](https://unhead.unjs.io/releases)

Search…```k`` /`

[Unhead on GitHub](https://github.com/unjs/unhead)

[User Guides](https://unhead.unjs.io/docs/svelte/head/guides/get-started/overview)

[API](https://unhead.unjs.io/docs/svelte/head/api/get-started/overview)

[Releases](https://unhead.unjs.io/docs/svelte/releases/v3)

Svelte

- [Switch to Svelte](https://unhead.unjs.io/docs/svelte/head/guides/get-started/overview)
- [Switch to TypeScript](https://unhead.unjs.io/docs/typescript/head/guides/get-started/overview)
- [Switch to Vue](https://unhead.unjs.io/docs/vue/head/guides/get-started/overview)
- [Switch to React](https://unhead.unjs.io/docs/react/head/guides/get-started/overview)
- [Switch to Solid.js](https://unhead.unjs.io/docs/solid-js/head/guides/get-started/overview)
- [Switch to Angular](https://unhead.unjs.io/docs/angular/head/guides/get-started/overview)
- [Switch to Nuxt](https://unhead.unjs.io/docs/nuxt/head/guides/get-started/overview)

v3 (stable)

Head

- [Discord Support](https://discord.com/invite/275MBUBvgP)
- [Svelte Playground](https://stackblitz.com/edit/github-ckbygkxk)

- Get Started
  - [Overview](https://unhead.unjs.io/docs/svelte/head/guides/get-started/overview)
  - [Introduction to Unhead](https://unhead.unjs.io/docs/svelte/head/guides/get-started/intro-to-unhead)
  - [Starter Recipes](https://unhead.unjs.io/docs/svelte/head/guides/get-started/starter-recipes)
  - [Installation](https://unhead.unjs.io/docs/svelte/head/guides/get-started/installation)
  - [Upgrade Guide](https://unhead.unjs.io/docs/svelte/head/guides/get-started/migration)
  - [SvelteKit](https://unhead.unjs.io/docs/svelte/head/guides/get-started/sveltekit)
- Core Concepts
  - [Titles & Title Templates](https://unhead.unjs.io/docs/svelte/head/guides/core-concepts/titles)
  - [Tag Sorting & Placement](https://unhead.unjs.io/docs/svelte/head/guides/core-concepts/positions)
  - [Class & Style Attributes](https://unhead.unjs.io/docs/svelte/head/guides/core-concepts/class-attr)
  - [Inline Style & Scripts](https://unhead.unjs.io/docs/svelte/head/guides/core-concepts/inner-content)
  - [Tag Deduplication](https://unhead.unjs.io/docs/svelte/head/guides/core-concepts/handling-duplicates)
  - [DOM Event Handling](https://unhead.unjs.io/docs/svelte/head/guides/core-concepts/dom-event-handling)
  - [Script Loading](https://unhead.unjs.io/docs/svelte/head/guides/core-concepts/loading-scripts)
  - [Reactivity](https://unhead.unjs.io/docs/svelte/head/guides/core-concepts/reactivity)
  - [StreamingNew](https://unhead.unjs.io/docs/svelte/head/guides/core-concepts/streaming)
- Build Plugins
  - [Overview](https://unhead.unjs.io/docs/svelte/head/guides/build-plugins/overview)
  - [Tree-Shaking](https://unhead.unjs.io/docs/svelte/head/guides/build-plugins/tree-shaking)
  - [useSeoMeta Transform](https://unhead.unjs.io/docs/svelte/head/guides/build-plugins/seo-meta-transform)
  - [Minify Transform](https://unhead.unjs.io/docs/svelte/head/guides/build-plugins/minify-transform)
  - [Devtools](https://unhead.unjs.io/docs/svelte/head/guides/build-plugins/devtools)
- Plugins
  - [Template Params](https://unhead.unjs.io/docs/svelte/head/guides/plugins/template-params)
  - [Alias Sorting](https://unhead.unjs.io/docs/svelte/head/guides/plugins/alias-sorting)
  - [Canonical Plugin](https://unhead.unjs.io/docs/svelte/head/guides/plugins/canonical)
  - [Infer SEO Meta](https://unhead.unjs.io/docs/svelte/head/guides/plugins/infer-seo-meta-tags)
  - [Minify](https://unhead.unjs.io/docs/svelte/head/guides/plugins/minify)
  - [Validate](https://unhead.unjs.io/docs/svelte/head/guides/plugins/validate)

Get Started

# Unhead - Head Management for Vue, React, Svelte & More

Last updated Apr 9, 2026 by [Harlan Wilton](https://github.com/harlan-zw) in [refactor(bundler)!: named Unhead export, ctx-based transforms, dev-mode validate (#733)](https://github.com/unjs/unhead/pull/733).

On this page

- [How Do I Get Started?](#how-do-i-get-started)
- [What Are the Core Concepts?](#what-are-the-core-concepts)
- [How Can I Extend Unhead?](#how-can-i-extend-unhead)
- [What Plugins Are Available?](#what-plugins-are-available)

**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?](#how-do-i-get-started)

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

- [Switch to Svelte](https://unhead.unjs.io/docs/svelte/head/guides/get-started/overview)
- [Switch to TypeScript](https://unhead.unjs.io/docs/typescript/head/guides/get-started/overview)
- [Switch to Vue](https://unhead.unjs.io/docs/vue/head/guides/get-started/overview)
- [Switch to React](https://unhead.unjs.io/docs/react/head/guides/get-started/overview)
- [Switch to Solid.js](https://unhead.unjs.io/docs/solid-js/head/guides/get-started/overview)
- [Switch to Angular](https://unhead.unjs.io/docs/angular/head/guides/get-started/overview)
- [Switch to Nuxt](https://unhead.unjs.io/docs/nuxt/head/guides/get-started/overview)

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

Intro to Unhead

Explore Unhead's capabilities and architecture

[Intro to Unhead](https://unhead.unjs.io/docs/head/guides/get-started/intro-to-unhead)

Starter Recipes

Copy-paste solutions for common head management scenarios

[Starter Recipes](https://unhead.unjs.io/docs/head/guides/get-started/starter-recipes)

## [What Are the Core Concepts?](#what-are-the-core-concepts)

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

Titles & Title Templates

Learn to set page titles and use title templates effectively

[Titles & Title Templates](https://unhead.unjs.io/docs/head/guides/core-concepts/titles)

Tag Sorting & Placement

Control where and how tags are rendered in your document

[Tag Sorting & Placement](https://unhead.unjs.io/docs/head/guides/core-concepts/positions)

Class & Style Attributes

Manage HTML and body attributes effectively

[Class & Style Attributes](https://unhead.unjs.io/docs/head/guides/core-concepts/class-attr)

Inline Style & Scripts

Add and manage inline content in your head elements

[Inline Style & Scripts](https://unhead.unjs.io/docs/head/guides/core-concepts/inner-content)

Tag Deduplication

Understand how Unhead prevents and resolves duplicate tags

[Tag Deduplication](https://unhead.unjs.io/docs/head/guides/core-concepts/handling-duplicates)

DOM Event Handling

Handle DOM events elegantly in your head elements

[DOM Event Handling](https://unhead.unjs.io/docs/head/guides/core-concepts/dom-event-handling)

Script Loading

Manage script loading efficiently and reliably

[Script Loading](https://unhead.unjs.io/docs/head/guides/core-concepts/loading-scripts)

## [How Can I Extend Unhead?](#how-can-i-extend-unhead)

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

Plugins API

Create custom plugins and extend core functionality

[Plugins API](https://unhead.unjs.io/docs/head/api/plugins)

Build Plugins

Leverage build tools to optimize Unhead usage

[Build Plugins](https://unhead.unjs.io/docs/head/guides/build-plugins/overview)

## [What Plugins Are Available?](#what-plugins-are-available)

Enhance Unhead with powerful plugins for common use cases.

Template Params

Use dynamic template parameters in your head tags

[Template Params](https://unhead.unjs.io/docs/head/guides/plugins/template-params)

Alias Sorting

Sort your tags based on aliases for optimal organization

[Alias Sorting](https://unhead.unjs.io/docs/head/guides/plugins/alias-sorting)

Canonical Plugin

Automatically generate and manage canonical URLs

[Canonical Plugin](https://unhead.unjs.io/docs/head/guides/plugins/canonical)

Infer SEO Meta

Automatically generate proper SEO meta tags

[Infer SEO Meta](https://unhead.unjs.io/docs/head/guides/plugins/infer-seo-meta-tags)

[Edit this page](https://github.com/unjs/unhead/edit/main/docs/head/1.guides/0.get-started/0.overview.md)

[Markdown For LLMs](https://raw.githubusercontent.com/unjs/unhead/refs/heads/main/docs/head/1.guides/0.get-started/0.overview.md)

Did this page help you?

[v2 Unhead v2 is here! With first-class support for all major frameworks, a complete core rewrite, and a focus on performance, Unhead is the ultimate <head> manager.](https://unhead.unjs.io/docs/releases/v2) [Introduction to Unhead Manage document head in SSR and CSR environments. Lazy DOM patching, TypeScript API, flat SEO meta, Schema.org support, and script loading.](https://unhead.unjs.io/docs/head/guides/get-started/intro-to-unhead)

On this page

- [How Do I Get Started?](#how-do-i-get-started)
- [What Are the Core Concepts?](#what-are-the-core-concepts)
- [How Can I Extend Unhead?](#how-can-i-extend-unhead)
- [What Plugins Are Available?](#what-plugins-are-available)

[GitHub](https://github.com/unjs/unhead) [ Discord](https://discord.com/invite/275MBUBvgP)

[ /llms.txt](https://unhead.unjs.io/llms.txt)

[Part of the UnJS ecosystem](https://unjs.io/)

### Head Management

- [Getting Started](https://unhead.unjs.io/docs/svelte/head/guides/get-started/overview)
- [useHead](https://unhead.unjs.io/docs/svelte/head/api/composables/use-head)
- [useSeoMeta](https://unhead.unjs.io/docs/svelte/head/api/composables/use-seo-meta)
- [useHeadSafe](https://unhead.unjs.io/docs/svelte/head/api/composables/use-head-safe)
- [useScript](https://unhead.unjs.io/docs/svelte/head/api/composables/use-script)

### Schema.org

- [Getting Started](https://unhead.unjs.io/docs/svelte/schema-org/guides/get-started/overview)
- [useSchemaOrg](https://unhead.unjs.io/docs/svelte/schema-org/api/composables/use-schema-org)
- [Nodes](https://unhead.unjs.io/docs/svelte/schema-org/guides/core-concepts/nodes)
- [Recipes](https://unhead.unjs.io/docs/svelte/schema-org/guides/recipes/identity)

### Guides

- [Titles](https://unhead.unjs.io/docs/svelte/head/guides/core-concepts/titles)
- [Streaming SSR](https://unhead.unjs.io/docs/svelte/head/guides/core-concepts/streaming)
- [DOM Events](https://unhead.unjs.io/docs/svelte/head/guides/core-concepts/dom-event-handling)
- [Plugins](https://unhead.unjs.io/docs/svelte/head/guides/plugins/template-params)

### Tools

- [Meta Tag Generator](https://unhead.unjs.io/tools/meta-tag-generator)
- [OG Image Generator](https://unhead.unjs.io/tools/og-image-generator)
- [Schema.org Generator](https://unhead.unjs.io/tools/schema-generator)
- [Capo.js Analyzer](https://unhead.unjs.io/tools/capo-analyzer)

### Articles

- [What is Capo.js?](https://unhead.unjs.io/learn/guides/what-is-capo)

### Research

- [State of <head> in 2026](https://unhead.unjs.io/learn/research/state-of-head-2026)
- [Streaming Head Performance](https://unhead.unjs.io/learn/research/streaming-head-performance)
- [Capo.js Performance Research](https://unhead.unjs.io/learn/research/capo-performance-research)

Copyright © 2025-2026 Harlan Wilton - [MIT License](https://github.com/unjs/unhead/blob/main/license)