unhead
Full-stack <head> manager built for any framework

Features
- 🚀 Framework agnostic - works with any framework
- 🔄 Reactive head management
- 🔍 SEO-friendly with rich meta tag support
- 🖥️ Server-side rendering support
- 📦 Lightweight and tree-shakable
- ⚡ Performance optimized with minimal runtime overhead
- 🎯 Type-safe with full TypeScript support
Installation
npm install unhead
yarn add unhead
pnpm add unhead
Usage
Basic Usage
import { createHead, useHead } from 'unhead'
const head = createHead()
useHead({
title: 'My App',
meta: [
{
name: 'description',
content: 'My awesome application'
}
]
}, { head })
Server-Side Rendering
import { createHead } from 'unhead/server'
const head = createHead()
useHead({
title: 'SSR App',
meta: [{ name: 'description', content: 'Server-rendered app' }]
}, { head })
const { headTags, bodyTags } = head.render()
Client-Side Rendering
import { createHead } from 'unhead/client'
const head = createHead()
useHead({
title: 'Client App'
}, { head })
Custom Renderers
import { createServerRenderer, createUnhead } from 'unhead/server'
const renderer = createServerRenderer({ omitLineBreaks: true })
const head = createUnhead(renderer, { })
const html = head.render()
Framework Integrations
Unhead provides optimized integrations for popular frameworks:
Documentation
Visit the documentation site for comprehensive guides and API references.
License
MIT