---
title: "Welcome To Unhead"
description: "Get started with Unhead, the framework-agnostic head management library for web applications"
navigation:
title: "Overview"
---
Unhead is a powerful, lightweight, and framework-agnostic head management library for web applications. Unhead enables you to dynamically control your HTML document's `<head>`{lang="html"} elements, enhancing SEO, performance, and user experience across any JavaScript framework.
## Get Started
If you're new to Unhead, start here to learn the essentials and set up your first implementation.
:FrameworkSelectorMinimal{class="mb-7"}
To get started with Unhead, choose your framework above and we'll update the docs for your usage.
::div{class="grid grid-cols-2 gap-5"}
:UPageCard{title="Intro to Unhead" description="Explore Unhead's capabilities and architecture" to="/docs/head/guides/get-started/intro-to-unhead" icon="i-heroicons-information-circle" spotlight spotlight-color="primary"}
:UPageCard{title="Starter Recipes" description="Copy-paste solutions for common head management scenarios" to="/docs/head/guides/get-started/starter-recipes" icon="i-heroicons-bookmark" spotlight spotlight-color="primary"}
::
## Core Concepts
Master the fundamental concepts behind Unhead's powerful head management.
::div{class="grid grid-cols-2 gap-5"}
:UPageCard{title="Titles & Title Templates" description="Learn to set page titles and use title templates effectively" to="/docs/head/guides/core-concepts/titles" icon="i-heroicons-document-text" spotlight spotlight-color="info"}
:UPageCard{title="Tag Sorting & Placement" description="Control where and how tags are rendered in your document" to="/docs/head/guides/core-concepts/positions" icon="i-heroicons-arrows-pointing-out" spotlight spotlight-color="info"}
:UPageCard{title="Class & Style Attributes" description="Manage HTML and body attributes effectively" to="/docs/head/guides/core-concepts/class-attr" icon="i-heroicons-tag" spotlight spotlight-color="info"}
:UPageCard{title="Inline Style & Scripts" description="Add and manage inline content in your head elements" to="/docs/head/guides/core-concepts/inner-content" icon="i-heroicons-code-bracket" spotlight spotlight-color="info"}
:UPageCard{title="Tag Deduplication" description="Understand how Unhead prevents and resolves duplicate tags" to="/docs/head/guides/core-concepts/handling-duplicates" icon="i-heroicons-document-duplicate" spotlight spotlight-color="info"}
:UPageCard{title="DOM Event Handling" description="Handle DOM events elegantly in your head elements" to="/docs/head/guides/core-concepts/dom-event-handling" icon="i-heroicons-cursor-arrow-ripple" spotlight spotlight-color="info"}
:UPageCard{title="Script Loading" description="Manage script loading efficiently and reliably" to="/docs/head/guides/core-concepts/loading-scripts" icon="i-heroicons-code-bracket-square" spotlight spotlight-color="info"}
::
## Advanced
Take your head management to the next level with these advanced capabilities.
::div{class="grid grid-cols-3 gap-5"}
:UPageCard{title="Extending Unhead" description="Create custom plugins and extend core functionality" to="/docs/head/guides/advanced/extending-unhead" icon="i-heroicons-cog-8-tooth" spotlight spotlight-color="warning"}
:UPageCard{title="Bundle Optimizations" description="Optimize your bundle size when using Unhead" to="/docs/head/guides/advanced/client-only-tags" icon="i-heroicons-computer-desktop" spotlight spotlight-color="warning"}
:UPageCard{title="Build Plugins" description="Leverage build tools to optimize Unhead usage" to="/docs/head/guides/advanced/vite-plugin" icon="i-heroicons-puzzle-piece" spotlight spotlight-color="warning"}
::
## Plugins
Enhance Unhead with powerful plugins for common use cases.
::div{class="grid grid-cols-2 gap-5"}
:UPageCard{title="Template Params" description="Use dynamic template parameters in your head tags" to="/docs/head/guides/plugins/template-params" icon="i-heroicons-variable" spotlight spotlight-color="success"}
:UPageCard{title="Alias Sorting" description="Sort your tags based on aliases for optimal organization" to="/docs/head/guides/plugins/alias-sorting" icon="i-heroicons-bars-arrow-down" spotlight spotlight-color="success"}
:UPageCard{title="Canonical Plugin" description="Automatically generate and manage canonical URLs" to="/docs/head/guides/plugins/canonical" icon="i-heroicons-link" spotlight spotlight-color="success"}
:UPageCard{title="Infer SEO Meta" description="Automatically generate proper SEO meta tags" to="/docs/head/guides/plugins/infer-seo-meta-tags" icon="i-heroicons-chart-bar" spotlight spotlight-color="success"}
::