---
title: "Content Wind"
description: "A lightweight Nuxt theme to build a Markdown driven personal website, based on Nuxt Content, TailwindCSS and Iconify."
url: "https://vercel.com/templates/nuxt/content-wind"
links:
  repository: "https://github.com/Atinux/content-wind"
  demo: "https://content-wind.nuxt.space/"
  deploy: "https://vercel.com/new/clone?demo-title=Content+Wind&demo-description=A+lightweight+Nuxt+theme+to+build+a+Markdown+driven+personal+website%2C+based+on+Nuxt+Content%2C+TailwindCSS+and+Iconify.&demo-url=https%3A%2F%2Fcontent-wind.nuxt.space%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F69hKZboTv8AbDu4vEAAysK%2F1d59293f133317f139a31ab8761ee1dd%2FCleanShot_2023-01-26_at_12.46.26.png&project-name=Content+Wind&repository-name=content-wind&repository-url=https%3A%2F%2Fgithub.com%2FAtinux%2Fcontent-wind&from=templates&skippable-integrations=1"
---

# Content Wind

A lightweight Nuxt theme to build a Markdown driven personal website, based on Nuxt Content, TailwindCSS and Iconify.

[![Content Wind](https://content-wind.nuxt.space/cover.jpg)](https://content-wind.nuxt.space)

# Content Wind

[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]
[![Nuxt Studio][nuxt-studio-src]][nuxt-studio-href]

A personal website theme powered by [Nuxt Content](https://content.nuxt.com), [TailwindCSS](https://tailwindcss.com), [Iconify](https://iconify.design) and [Vue components](https://vuejs.org).

- 📖  [Demo & Docs](https://content-wind.nuxt.space)
- 🕹  [Play online](https://githubblitz.com/Atinux/content-wind/tree/main/.demo)
- 👀  [Demo video](https://twitter.com/Atinux/status/1578505586979012608)

## Features

- Create pages in Markdown in the `content/` directory
- Use [Nuxt layouts](https://nuxt.com/docs/guide/directory-structure/layouts) in your Markdown pages
- Enjoy meta tag generation from Markdown files
- Configurable prose components with [Nuxt Typography](https://typography.nuxt.space)
- Generated navigation based on your pages
- Switch between Light & Dark mode :moon:
- Access 200,000 icons from 100+ icon sets with the `<Icon>` component
- Highlight code blocks with [Shiki](https://shiki.style)
- Create Vue components and use them in Markdown
- Deploy on any Node or Static hosting: GH Pages, Vercel, Netlify, Heroku, etc.
- Live edit on [Nuxt Studio](https://nuxt.studio)

## Get started

### Local

```bash
npx nuxi@latest init -t github:atinux/content-wind my-website
```

Then follow the instructions and you are ready to go :rocket:

## License 📎

[MIT License](https://github.com/Atinux/content-wind/tree/main/LICENSE)

<!-- Badges -->
[license-src]: https://img.shields.io/github/license/Atinux/content-wind.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://github.com/Atinux/content-wind/blob/main/LICENSE

[use-template-src]: https://img.shields.io/badge/⚡️-Use%20this%20template-28CF8D?style=flat&colorA=18181B&colorB=28CF8D
[use-template-href]: https://github.com/Atinux/content-wind-template/generate

[nuxt-studio-src]: https://img.shields.io/badge/Open%20in%20Nuxt%20Studio-18181B?&logo=nuxt.js&logoColor=3BB5EC
[nuxt-studio-href]: https://nuxt.studio/templates/content-wind

[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?&logo=nuxt.js
[nuxt-href]: https://nuxt.com

## Related Templates

### [Portfolio Starter Kit](https://vercel.com/templates/next.js/portfolio-starter-kit)

Easily create a portfolio with Next.js and Markdown.

### [Next.js Portfolio with Blog](https://vercel.com/templates/next.js/nextjs-portfolio)

Easily create a portfolio with Next.js and Markdown.

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.