What's new?

The ultimate Vue UI library

A comprehensive, Nuxt-integrated UI library providing a rich set of fully-styled, accessible and highly customizable components for building modern web applications.
Get StartedLearn more
App screenshot
  • File-based CMS
    Write your content in Markdown, YML, CSV or JSON and query it in your components.
  • Query Builder
    Query your content with a MongoDB-like API to fetch the right data at the right time.
  • SQLite powered
    Add custom fields to your content, making it suitable for various types of projects.
  • Markdown with Vue
    Use Vue components in Markdown files, with props, slots and nested components.
  • Code highlighting
    Display beautiful code blocks on your website with the Shiki integration supporting VS Code themes.
  • Visual Editor
    Let your team edit your Nuxt Content project with Nuxt Studio, our visual editor.
  • Navigation Generation
    Generate a structured object from your content files and display a navigation menu in minutes.
  • Prose Components
    Customize HTML typography tags with Vue components to give your content a consistent style.
  • Deploy everywhere
    Nuxt Content works on all hosting providers, static, server, serverless & edge.

Kickstart with Nuxt UI in seconds

Nuxt UI is designed to be used with Nuxt and Vue. It comes with a set of components that are fully styled and accessible out of the box.
Color Palette
Choose a primary and a gray color from your Tailwind CSS color palette. Components will be styled accordingly.
Color Palette
Fully Customizable
Change the style of any component in your App Config or customize them specifically through the ui prop.
Fully Customizable
Light & Dark
Every component is designed with dark mode in mind. Works out of the box with @nuxtjs/color-mode.
Light & Dark
Icons
Choose any of the 100k+ icons from the most popular icon libraries with the Icon component or the icon prop.
Icons

Packed with features

Explore our wide range of components, each designed to enhance your application's functionality and visual appeal.
Color Palette
Choose a primary and a gray color from your Tailwind CSS color palette. Components will be styled accordingly.
Color Palette
Fully Customizable
Change the style of any component in your App Config or customize them specifically through the ui prop.
Fully Customizable
Light & Dark
Every component is designed with dark mode in mind. Works out of the box with @nuxtjs/color-mode.
Light & Dark
Icons
Choose any of the 100k+ icons from the most popular icon libraries with the Icon component or the icon prop.
Icons
Features

Kickstart with Nuxt UI in seconds

Nuxt UI is designed to be used with Nuxt and Vue. It comes with a set of components that are fully styled and accessible out of the box.
  • Integrations
    Nuxt UI is designed to be used with Nuxt and Vue. It comes with a set of components that are fully styled and accessible out of the box.
  • Components
    Nuxt UI is designed to be used with Nuxt and Vue. It comes with a set of components that are fully styled and accessible out of the box.
Explore
Product screenshot
Features

Explore our wide range of components

Explore our wide range of components, each designed to enhance your application's functionality and visual appeal.
  • Integrations
    Nuxt UI is designed to be used with Nuxt and Vue. It comes with a set of components that are fully styled and accessible out of the box.
  • Components
    Nuxt UI is designed to be used with Nuxt and Vue. It comes with a set of components that are fully styled and accessible out of the box.
Explore
Product screenshot
Testimonials

What our users say

Cloudflare's Workers LaunchPad
NuxtHub is part of the Cloudflare's Workers Launchpad Cohort to make sure you get a first-class experience on top of Cloudflare's network.
Nuxt on Cloudflare infra with minimal effort - this is huge!
EY

Evan You

Author of Vue.js and Vite

I love the polish and the batteries-included approach. NuxtHub takes web framework and hosting integration to a new level!
IM

Igor Minar

Software Engineer at Cloudflare

NuxtHub is hands down the easiest way to get a project from zero to production on the Cloudflare stack!
CH

Charlie Hield

Senior Creative Technologist

I can't find an excuse to not go full-stack with Nuxt from now on. Ship fast the Nuxt way, zero config. Just plug & deploy.
IO

Israel Ortuño

Co-founder of VueJobs

Took me less than 90 seconds to deploy an app with DB, KV, File storage and Caching, all on the edge with just a single command.
FA

Fayaz Ahmed

Indie Hacker

Nuxt is becoming the best framework for bootstrappers imo. NuxtHub is a layer on top of Cloudflare services for cheap & fast full-stack edge hosting.
TJ

Tommy J. Vedvik

UX Developer

I love how NuxtHub combines, amplifies and simplifies the Cloudflare tooling with the wide and mature Nuxt ecosystem. I cannot wait to see how it will evolve and expand in the future!
DP

Dario Piotrowicz

Web Developer at Cloudflare

Just deployed my first site to Cloudflare using NuxtHub. Very sleek experience!
MO

Markus Oberlehner

Web Developer

It's amazing to be able to run a single command and get existing Nuxt project deployed on edge within minutes! It felt like unlocking the missing infrastructure and UI for Cloudflare, enhancing the developer experience in such an extraordinary way.
AF

Anthony Fu

Core team Vue.js, Vite & Nuxt

NuxtHub and Cloudflare are my go to for full stack apps. The DX is joyous and far superior to any other platform I've used. My team is able to iterate quickly, and build beautiful, performant apps with ease.
JB

Jonathan Beckman

Founder of GuaranTee Time

At YG, our team recently grew and that meant more seats on all the tools we use. Migrating our hosting workflow to NuxtHub not only took just a few minutes but saved us money from our previous provider. NuxtHub provides an excellent management layer on top of our infrastructure and we're super happy about the move!
ED

Eckhardt Dreyer

Lead Developer at YG

Frequently asked questions