https://github.com/unjs/unhead

Unhead is the any-framework document head manager built for performance and delightful developer experience.
https://github.com/unjs/unhead

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/unjs/unhead
• Owner: unjs
• License: mit
• Created: 2022-11-02T03:55:24.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-12T03:14:12.000Z (7 months ago)
• Last Synced: 2024-04-13T20:45:37.840Z (7 months ago)
• Language: TypeScript
• Homepage: https://unhead.unjs.io
• Size: 9.52 MB
• Stars: 489
• Watchers: 3
• Forks: 34
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
Unhead


















Universal document <head&gt 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](https://nuxt.com/) with more framework support coming soon.

## Docs

Visit the [documentation site](https://unhead.unjs.io/) for guides and API references.

## Install

```bash

npm i unhead

```

### Quick Setup

Create the head client somewhere in your root application.

```ts

import { createHead } from 'unhead'

createHead()

```

Then use the composables anywhere you want.

```ts

// pages/about.js

import { useHead } from 'unhead'

useHead({

  title: 'About',

  meta: [

    { name: 'description', content: 'Learn more about us.' },

  ],

})

```

## Demos

- [StackBlitz - Vue SPA](https://stackblitz.com/edit/vitejs-vite-uijgqa?file=package.json)

## Sponsors



  

    

  



## License

MIT License © 2022-PRESENT [Harlan Wilton](https://github.com/harlan-zw)