More Premium Hugo Themes Premium Nuxt Themes

Content Unocss

A personal website theme powered by Nuxt Content, UnoCss, Iconify and Vue components.

Content Unocss

A personal website theme powered by Nuxt Content, UnoCss, Iconify and Vue components.

Author Avatar Theme by elonehoo
Github Stars Github Stars: 9
Last Commit Last Commit: Mar 26, 2025 -
First Commit Created: Dec 18, 2023 -
Content Unocss screenshot

Overview

The UnoCss is a personal website theme powered by Nuxt Content, UnoCss, Iconify, and Vue components. It provides a simple and stylish design for personal websites. With features like Markdown page creation, Nuxt layouts integration, meta tag generation, navigation generation, Light & Dark mode switching, access to a large collection of icons, code block highlighting, and Vue component integration, the UnoCss theme offers a comprehensive set of tools for creating and customizing personal websites.

Features

  • Create pages in Markdown in the content/ directory.
  • Use Nuxt layouts in your Markdown pages.
  • Enjoy meta tag generation from Markdown files.
  • Generated navigation based on your pages.
  • Switch between Light & Dark mode.
  • Access 100,000 icons from 100+ icon sets with the <Icon> component.
  • Highlight code blocks with Shiki.
  • Create Vue components in components/content/ and use them in your Markdown.

Installation

To install the UnoCss theme, follow these steps:

  1. Duplicate the GitHub template: elonehoo/content-unocss-template
  2. License: MIT License

Summary

The UnoCss theme is a powerful personal website theme that provides a wide range of features for creating and customizing personal websites. With its simple and stylish design, support for Markdown, Nuxt layouts, meta tag generation, navigation generation, Light & Dark mode switching, access to a large collection of icons, and code block highlighting, the UnoCss theme offers a complete solution for personal website development.