PropShow Kit

English | 中文

English

PropShow Kit is a collection of documentation components built with Nuxt, designed to extend shadcn-vue. It follows a copy-and-paste philosophy, allowing you to directly copy the component code into your project.

Features

• 🚀 Nuxt - Built on the modern Vue framework.
• 🎨 Shadcn UI - Integrated with shadcn-nuxt and reka-ui for accessible and customizable components.
• 📝 Nuxt Content - Powered by @nuxt/content for writing documentation in Markdown/MDC.
• 🌍 i18n Ready - Pre-configured with @nuxtjs/i18n for English and Chinese support.
• 💅 Tailwind CSS v4 - Styled with the latest Tailwind CSS.
• 🧩 Documentation Components - Includes specialized components for documentation:
  • ComponentPanel: Interactive component preview.
  • PropsTable: Auto-generated property tables.
  • SourceCodeViewer: Code highlighting and display.

中文

PropShow Kit 是一个基于 Nuxt 构建的文档组件集合，旨在扩展 shadcn-vue。它遵循 复制即用 的理念，你可以直接将组件代码复制到你的项目中.

特性

• 🚀 Nuxt - 基于现代 Vue 框架构建。
• 🎨 Shadcn UI - 集成 shadcn-nuxt 和 reka-ui，提供无障碍且可定制的组件。
• 📝 Nuxt Content - 由 @nuxt/content 驱动，支持使用 Markdown/MDC 编写文档。
• 🌍 i18n 支持 - 预配置 @nuxtjs/i18n，支持英语和中文。
• 💅 Tailwind CSS v4 - 使用最新的 Tailwind CSS 进行样式设计。
• 🧩 文档组件 - 包含专为文档设计的组件：
  • ComponentPanel: 交互式组件预览。
  • PropsTable: 自动生成的属性表。
  • SourceCodeViewer: 代码高亮和展示。