Show HN:AI Elements Vue – Vercel AI Elements UI 函式庫的移植版

Show HN:AI Elements Vue – Vercel AI Elements UI 函式庫的移植版

Hacker News·

AI Elements Vue 是一個基於 shadcn-vue 的新元件庫,旨在加速 Vue.js 和 Nuxt.js 專案的 AI 原生應用程式開發。它提供預先建置且可自訂的使用者介面元件,以應對常見的 AI 使用情境。

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

To see all available qualifiers, see our documentation.

AI Elements Vue is a component library built on top of shadcn-vue to help you build AI-native applications faster.

License

Uh oh!

There was an error while loading. Please reload this page.

vuepont/ai-elements-vue

Folders and files

Latest commit

History

Repository files navigation

Image

Image

Image

Image

Overview

AI Elements Vue provides pre-built, customizable Vue components specifically designed for AI applications, including conversations, messages, code blocks, reasoning displays, and more. The CLI makes it easy to add these components to your Vue.js and Nuxt.js project.

Installation

You can use the AI Elements Vue CLI directly with npx, or install it globally:

Prerequisites

Before using AI Elements Vue, ensure your project meets these requirements:

Usage

Install All Components

Install all available AI Elements Vue components at once:

This command will:

Install Specific Components

Install individual components using the add command:

Examples:

Alternative: Use with shadcn-vue CLI

You can also install components using the standard shadcn-vue CLI:

Available Components

AI Elements Vue includes the following components:

How It Works

The AI Elements Vue CLI:

Components are installed to your configured shadcn-vue components directory (typically @/components/ai-elements/) and become part of your codebase, allowing for full customization.

Configuration

AI Elements Vue uses your existing shadcn-vue configuration. Components will be installed to the directory specified in your components.json file.

Recommended Setup

For the best experience, we recommend:

Contributing

If you'd like to contribute to AI Elements Vue, please follow these steps:

Acknowledgments

This project draws inspiration from several excellent projects:

Made with ❤️ by vuepont

About

AI Elements Vue is a component library built on top of shadcn-vue to help you build AI-native applications faster.

Topics

Resources

License

Uh oh!

There was an error while loading. Please reload this page.

Stars

Watchers

Forks

Releases

  23

Contributors

  21

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Languages

Footer

Footer navigation

Hacker News

相關文章

  1. AI 語音元素 - Vercel

    3 個月前

  2. 隆重介紹 AI Elements:用於建構 AI 原生應用程式的 ShadCN 元件庫

    9 個月前

  3. Vercel 推出 AI Elements

    Product Hunt - AI · 8 個月前

  4. Show HN:Rust Agent 的 AI-SDK

    3 個月前

  5. Verdent:您構建軟體新方式的 AI 原生夥伴

    Product Hunt - AI · 3 個月前