Skip to content
/ unhead Public

Unhead is the any-framework document head manager built for performance and delightful developer experience.

License

Notifications You must be signed in to change notification settings

unjs/unhead

Repository files navigation

Unhead

NPM version NPM Downloads GitHub stars

Universal document <head> tag manager. Tiny, adaptable and full featured.


Status: v1.9 Released
Please report any issues 🐛
Made possible by my Sponsor Program 💖
Follow me @harlan_zw 🐦 • Join Discord for help

Highlights

  • 🌳 Powerful pluggable core with a tiny footprint
  • 🍣 All the good stuff: deduping, sorting, title templates, template params, etc.
  • 🪨 Rock-solid DOM updates, fast and tiny (~1kB minzipped)
  • 🚀 Add-ons for extra oomph: Capo.js, Tree-shaking, useSeoMeta, useScript, etc.
  • 💎 Fully typed with MDN docs
  • 🤝 Used by Nuxt with more framework support coming soon.

Docs

Visit the documentation site for guides and API references.

Install

npm i unhead

Quick Setup

Create the head client somewhere in your root application.

import { createHead } from 'unhead'

createHead()

Then use the composables anywhere you want.

// pages/about.js
import { useHead } from 'unhead'

useHead({
  title: 'About',
  meta: [
    { name: 'description', content: 'Learn more about us.' },
  ],
})

Demos

Sponsors

License

MIT License © 2022-PRESENT Harlan Wilton