polar-elements について
polar-elementsは、Polar.sh連携向けの収益化・サブスクリプション用コンポーネント5種です。価格、スポンサー、購読状況、収益、ライセンスキーの表示や入力に対応します。
主な機能
- 01価格プランカード
- 02スポンサーと支援者のグリッド
- 03サブスクリプション状況バッジ
- 04収益指標カード
- 05ライセンスキーの表示と入力
活用シーン
- 01価格ページの作成
- 02オープンソースのスポンサーと収益指標の表示
- 03ライセンスキーの表示や管理
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ crafter-station/ elements --skill polar-elementsインストール後、Claude Code で/polar-elementsを入力して読み込まれたか確認します。
詳細
Polar Elements
Polar.sh 連携用の収益化・サブスクリプションコンポーネントが5つあります。
インストールパターン
npx shadcn@latest add @elements/polar-{name}
コンポーネント
| コンポーネント | インストール | 説明 |
|---|---|---|
| 料金プランカード | @elements/polar-pricing-card | 料金プランカード |
| スポンサーグリッド | @elements/polar-sponsor-grid | スポンサー/支援者のグリッド |
| サブスクリプションバッジ | @elements/polar-subscription-badge | 有効なサブスクリプションのバッジ |
| 収益カード | @elements/polar-revenue-card | 収益指標カード |
| ライセンスキー | @elements/polar-license-key | ライセンスキーの表示/入力 |
クイックパターン
# Pricing page
npx shadcn@latest add @elements/polar-pricing-card @elements/polar-subscription-badge
# OSS sponsorship
npx shadcn@latest add @elements/polar-sponsor-grid @elements/polar-revenue-card
# License management
npx shadcn@latest add @elements/polar-license-key
セットアップ
Polar.sh アカウントと API キーが必要です。https://docs.polar.sh をご覧ください。
検索
https://tryelements.dev/docs/polar をご覧ください。
コメント
Markdown 対応