Home

Awesome

<h1 align='center'>Unhead</h1> <p align="center"> <a href='https://github.com/unjs/unhead/actions/workflows/test.yml'> </a> <a href="https://www.npmjs.com/package/unhead" target="__blank"><img src="https://img.shields.io/npm/v/unhead?style=flat&colorA=002438&colorB=28CF8D" alt="NPM version"></a> <a href="https://www.npmjs.com/package/unhead" target="__blank"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/unhead?flat&colorA=002438&colorB=28CF8D"></a> <a href="https://github.com/unjs/unhead" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/harlan-zw/unhead?flat&colorA=002438&colorB=28CF8D"></a> </p> <p align="center"> Universal document &lt;head&gt tag manager. Tiny, adaptable and full featured. </p> <p align="center"> <table> <tbody> <td align="center"> <img width="800" height="0" /><br> <i>Status:</i> <a href="https://github.com/unjs/unhead/releases/tag/v1.9.0">v1.9 Released</a></b> <br> <sup> Please report any issues 🐛</sup><br> <sub>Made possible by my <a href="https://github.com/sponsors/harlan-zw">Sponsor Program 💖</a><br> Follow me <a href="https://twitter.com/harlan_zw">@harlan_zw</a> 🐦 • Join <a href="https://discord.gg/275MBUBvgP">Discord</a> for help</sub><br> <img width="800" height="0" /> </td> </tbody> </table> </p>

Highlights

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

<p align="center"> <a href="https://raw.githubusercontent.com/harlan-zw/static/main/sponsors.svg"> <img src='https://raw.githubusercontent.com/harlan-zw/static/main/sponsors.svg'/> </a> </p>

License

MIT License © 2022-PRESENT Harlan Wilton