ウィジェット堂 - Notion 向けウィジェット・動くアイコン・スタートページ・マイページ

GitHub カードと開発者向けウィジェット

GitHub のプロフィール README や Notion のポートフォリオでプロジェクトを見せたいときに。リポジトリカードは説明・言語・スター・フォーク数を、コントリビューショングラフは過去 1 年の活動と連続日数を、統計カードはスター・リポジトリ数・フォロワー・よく使う言語を表示し、どれもワンクリックで README にコピーできます。

README の上部には、動くバナー、タイプライター見出し、技術スタックのタグ、「Hi」ステッカーやステータスステッカーも置けます。Qiita・Zenn・note のプロフィールカードや Hacker News のプロフィールカードもあります。

ウィジェット

5 件

動くアイコン

2 件

動くカバー

3 件

Notion に追加する 3 ステップ

  1. ウィジェットを選ぶ

    カードを開いて「ウィジェットを作成」をクリックします。ログインが必要ですが、メールに届く確認コードだけで登録できます。

  2. 好みに合わせて設定

    エディターで文字・色・サイズなどを変更すると、プレビューにすぐ反映されます。

  3. リンクを Notion に貼る

    「リンクをコピー」して、Notion のページで /embed と入力して貼り付けます(リンクを貼り付けて「埋め込み」を選んでも OK)。四隅をドラッグしてサイズを調整できます。

ヘルプ:Notion・Obsidian・FlowUs などへの埋め込み

よくある質問

README ではなぜ画像リンクを使うのですか?
GitHub の README には Web ページ(iframe)を埋め込めず、画像しか表示できません。そのため GitHub カードやバナーは画像リンクを用意しており、Markdown の画像記法で追加できます。
ウィジェットは無料ですか?
このページの 10 件はすべて無料です。ログインすれば作成できます。無料アカウントは作成できる数に上限があり、Pro なら無制限です。
Notion のスマホアプリやデスクトップアプリでも表示されますか?
はい。ウィジェットは通常の Web 埋め込みなので、Notion の Web 版・デスクトップアプリ・スマホアプリで表示されます(インターネット接続が必要です)。
表示言語やダークモードには対応していますか?
ウィジェット内の文字は、見る人のブラウザの言語に合わせて日本語・英語・中国語(簡体字・繁体字)で表示されます。多くのウィジェットはシステムのライト / ダークモードにも自動で合わせます。
Notion 以外でも使えますか?
Web ページを埋め込めるサービスなら使えます。たとえば Obsidian や FlowUs、iframe を使った自分のサイトなどです。

関連トピック