New: Introducing PHP and Composer Support.Read the Announcement →
Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

unhead

Package Overview
Dependencies
Maintainers
1
Versions
288
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

unhead

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

Source
npmnpm
Version
2.1.1
Version published
Weekly downloads
1.6M
-1.96%
Maintainers
1
Weekly downloads
 
Created
Source

unhead

Full-stack <head> manager built for any framework

npm version npm downloads License

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
npm install unhead

# yarn
yarn add unhead

# pnpm
pnpm add unhead

Usage

Basic Usage

import { createHead, useHead } from 'unhead'

// Create a head instance
const head = createHead()

// Use head tags
useHead({
  title: 'My App',
  meta: [
    {
      name: 'description',
      content: 'My awesome application'
    }
  ]
}, { head })

Server-Side Rendering

import { createHead, renderSSRHead } from 'unhead/server'

const head = createHead()

// Add head entries
useHead({
  title: 'SSR App',
  meta: [{ name: 'description', content: 'Server-rendered app' }]
}, { head })

// Render head tags
const { headTags, bodyTags } = await renderSSRHead(head)

Client-Side Hydration

import { createHead, renderDOMHead } from 'unhead/client'

const head = createHead()

// Enable DOM rendering
renderDOMHead(head)

// Add reactive head entries
useHead({
  title: 'Client App'
}, { head })

Framework Integrations

Unhead provides optimized integrations for popular frameworks:

Documentation

Visit the documentation site for comprehensive guides and API references.

License

MIT

FAQs

Package last updated on 24 Dec 2025

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

Socket Joins the OpenJS Foundation

Company News

Socket Joins the OpenJS Foundation

Socket is proud to join the OpenJS Foundation as a Silver Member, deepening our commitment to the long-term health and security of the JavaScript ecosystem.

By Sarah Gooding  -  Feb 19, 2026