tempad-dev-plugin-nuxt-ui

Nuxt UI plugins for TemPad Dev.

This plugin allows you to view component code, specifically tailored for Nuxt UI.

Installation

1. Install TemPad Dev from Chrome Web Store.

2. Install @nuxt or @nuxt/pro in TemPad Dev's plugins section.

Note

@nuxt/pro contains all components in @nuxt, and 31 more components for Nuxt UI Pro.

If you are using the free version of Nuxt UI, you can install @nuxt for smaller plugin size.

Features

• Component Codegen: Convert design components to Nuxt UI code.

  e.g. InputOutline to <UInput>:

  <UInput placeholder="Search..." icon="i-lucide-search" />

License

MIT License © 2025-Present GU Yiling