レスポンシブでモバイルファーストなWebサイトを構築するための、HTML、CSS、Sass/JavaScriptコンポーネントを備えた人気のフロントエンドフレームワーク。
sethcottle/littlelink
個人用リンクページを作れる、ブランド別ボタンスタイルを100種類以上備えたセルフホスト型の静的HTML/CSS版Linktree代替サービス。
代替できる製品:Linktree
- スター
- 3,102
- フォーク
- 1,551
- 未解決の Issue
- 2
- 最終コミット
- 3 か月前
これは何?
LittleLinkは、プロフィールやサイトへのリンクをまとめる、いわゆるリンクインバイオページを自作できるプロジェクトです。プレーンなHTMLとバニラCSSで構成されており、ビルド工程やgulp、npmは不要です。index.htmlを編集してリンクを追加すれば、そのままページを利用できます。
ブランド別ボタンスタイルを100種類以上収録し、自動・ライト・ダークの各テーマに対応しています。背景とのコントラストが弱いボタンには反転したアウトラインが付き、見やすさを保てます。作者によると、サンプルページはGoogle PageSpeed Insightsで100/100のスコアを獲得しています。
Cloudflare、DigitalOcean、Vercel、Netlify、AWS Amplifyには、forkからワンクリックでデプロイできます。GitHub Pagesや自分のサーバーでホストすることも、同梱のDocker Composeファイルで実行することも可能です。別途用意されたButton Builderツールでボタンスタイルを作成し、css/brands.cssとindex.htmlに追加できます。
主な機能
- 01一般的なソーシャルサービスやWebサービス向けの、ブランド別ボタンスタイルを100種類以上収録。
- 02index.htmlとstyle.cssで設定できる、自動・ライト・ダークの各テーマ。
- 03ビルドツールやパッケージマネージャーが不要な、純粋なHTMLとCSS。
- 04Cloudflare、Vercel、Netlify、DigitalOcean、Amplifyへのワンクリックデプロイ。
- 05ポート8080でサイトをローカル実行するためのDocker Compose設定。
ユースケース
- ソーシャルメディアのプロフィール用に、個人のリンクインバイオページを作成する。
- GitHub Pagesで、無料かつ自分で管理できるLinktree代替サービスをホストする。
- ブランドに合わせたカスタムボタンを使い、会社やプロジェクトのリンク集を公開する。
クイックスタート
- 1
Docker Compose で LittleLink をローカル実行する
docker compose -f docker/compose.yaml up - 2
ブラウザーで localhost のポート 8080 にアクセスしてサイトを開く
使う前に知っておきたいこと
- ページは静的な HTML と CSS で構成されているため、管理画面はありません。index.html を直接編集してください。
- README に記載されているとおり、一部のブランドボタンはアクセシビリティのコントラスト基準を満たしていない場合があります。
トピック
よくある質問
- littlelink とは?
- 個人用リンクページを作れる、ブランド別ボタンスタイルを100種類以上備えたセルフホスト型の静的HTML/CSS版Linktree代替サービス。 LittleLinkは、プロフィールやサイトへのリンクをまとめる、いわゆるリンクインバイオページを自作できるプロジェクトです。プレーンなHTMLとバニラCSSで構成されており、ビルド工程やgulp、npmは不要です。index.htmlを編集してリンクを追加すれば、そのままページを利用できます。
- littlelink は無料で使えますか?ライセンスは?
- littlelink は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- littlelink は今もメンテナンスされていますか?
- 半年以内に更新あり。littlelink の最終コミットは 2026年7月29日 です。
- littlelink は何に使えますか?
- ソーシャルメディアのプロフィール用に、個人のリンクインバイオページを作成する。 GitHub Pagesで、無料かつ自分で管理できるLinktree代替サービスをホストする。 ブランドに合わせたカスタムボタンを使い、会社やプロジェクトのリンク集を公開する。
- littlelink のインストール方法は?
- Docker Compose で LittleLink をローカル実行する: docker compose -f docker/compose.yaml up ブラウザーで localhost のポート 8080 にアクセスしてサイトを開く
- littlelink はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/sethcottle/littlelink
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
テラリウム、タイピングゲーム、宇宙ゲームなどの実践プロジェクトを通じてHTML、CSS、JavaScriptを学ぶ、12週間・全24レッスンの初心者向けカリキュラム。
Web技術を基盤とし、プラグインやテーマで拡張できるクロスプラットフォームのターミナルエミュレーター。
Pandocは、Markdown、HTML、LaTeX、DOCXなど数十種類の形式間で文書を変換する、Haskellライブラリ兼CLIです。
Next.jsとTradingViewで構築された、ライブチャート、価格アラート、ウォッチリスト、企業情報を備える、セルフホスト可能なオープンソース株式市場ダッシュボード。
qBittorrent、Transmission、DelugeなどのWeb APIを通じて、望ましくないピアやダウンロードだけを行うピア、異常なBitTorrentピアを検出・遮断するセルフホスト型ファイアウォール。