ViStyUI Installation Guide

ViStyUIは、外部フレームワークに依存せず、スタンドアロンで動作する高性能Webコンポーネントライブラリです。Pure Tailwind CSS環境下で最高峰のUXを提供します。

# 1. 事前準備

以下のファイルがプロジェクトのルートディレクトリに配置されていることを確認してください。

lucide.js (アイコンライブラリ)

visty-ui.js (コアエンジン)

# 2. HTMLへの導入手順

Tailwind CSSとViStyUIを読み込むことで、即座に利用可能になります。

HTML

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="visty-ui.js" defer></script>
</head>
<body>
    <visty-ui type="chart-mini" title="API Status" data="45,22,68,49"></visty-ui>
</body>
</html>