ui-pro3-playground.nuxt.dev Open in urlscan Pro
2606:4700::6812:94b  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Nuxt UI v3-alpha has been released!
Go to Nuxt UI v2

   
   
 * Documentation
 * Components
 * Pricing
 * Blog
 * Releases
   
   



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

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.

Fully Customizable
Change the style of any component in your App Config or customize them
specifically through the ui prop.

Light & Dark
Every component is designed with dark mode in mind. Works out of the box with
@nuxtjs/color-mode.

Icons
Choose any of the 100k+ icons from the most popular icon libraries with the Icon
component or the icon prop.



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.
Fully Customizable
Change the style of any component in your App Config or customize them
specifically through the ui prop.
Light & Dark
Every component is designed with dark mode in mind. Works out of the box with
@nuxtjs/color-mode.
Icons
Choose any of the 100k+ icons from the most popular icon libraries with the Icon
component or the icon prop.
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

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

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!

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!

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!

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.

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.

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.

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!

Dario Piotrowicz

Web Developer at Cloudflare

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

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.

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.

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!

Eckhardt Dreyer

Lead Developer at YG


FREQUENTLY ASKED QUESTIONS


WHAT IS NUXT UI?




HOW DO I INSTALL AND SET UP NUXT UI?




WHAT COMPONENTS ARE INCLUDED?




IS NUXT UI CUSTOMIZABLE?




WHAT ARE THE BROWSER COMPATIBILITY REQUIREMENTS?




IS THERE DOCUMENTATION AND SUPPORT AVAILABLE?



   
   
 * Figma Kit
 * Playground
 * Roadmap
 * Releases
   
   



Copyright © 2024