Open Source Components & Demos オープンソースのコンポーネントとデモ
Astro Components Astroコンポーネント
Practical components and cloud integration demos for Astro. 実用的なコンポーネントとクラウド連携のデモを提供します。
Components コンポーネント
Reusable components for your Astro projects. Astroプロジェクトで再利用可能なコンポーネント群です。
Conversation UI 会話UI
A simple chat bubble component with multiple color variants and dark mode support. Perfect for displaying dialogues, tips, and notifications. 複数のカラーバリエーションとダークモードに対応したシンプルな吹き出しコンポーネント。会話、ヒント、通知の表示に最適。
UI Dark Mode Tailwind CSS
Mermaid Chart Mermaidチャート
A dark mode compatible component for rendering Mermaid diagrams in Astro. Seamlessly displays flowcharts, sequence diagrams, and more. ダークモードに対応したMermaid図表示用コンポーネント。フローチャート、シーケンス図などを美しく表示します。
Diagram Dark Mode Mermaid
PlantUML Renderer PlantUMLレンダラー
A simple component to render PlantUML diagrams in Astro using the official PlantUML server. Just write your diagram text and get SVG output. 公式PlantUMLサーバーを使用してダイアグラムを表示するシンプルなコンポーネント。テキストを書くだけでSVG出力が得られます。
Diagram PlantUML SVG
Demos デモ
Cloud integration demos with Cloudflare Pages/Workers. Cloudflare Pages/Workersとの連携デモです。
Open Source オープンソース
All components and demos are available on GitHub. すべてのコンポーネントとデモはGitHubで公開されています。
Star on GitHub GitHubでスター3
Components コンポーネント
1
Demos デモ
Features 特徴
High Performance 高パフォーマンス
Built with Astro's zero-JS-by-default approach AstroのゼロJS by defaultアプローチで構築
Edge Deployment エッジデプロイメント
Optimized for Cloudflare Pages deployment Cloudflare Pagesでの展開に最適化
TypeScript Ready TypeScript対応
Full TypeScript support out of the box TypeScriptを完全サポート