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 |
- 🌳 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.
Visit the documentation site for guides and API references.
npm i unheadCreate 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.' },
],
})
MIT License © 2022-PRESENT Harlan Wilton