Skip to content

feat(site): lead with "turn any CLI into a native menu bar widget" #58

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jiunbae merged 1 commit into from
Sep 25, 2026
Merged

feat(site): lead with "turn any CLI into a native menu bar widget" #58

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,10 @@

# BarShelf

**Your menu bar, finally organized.**
**Turn any CLI into a native menu bar widget — all behind one icon.**

One menu bar icon. Every glanceable tool you care about — OTP codes, LLM usage,
recent files, CI status — as native widgets in a single popover.
One macOS menu bar icon, one popover of native widgets: Claude Code and Codex
usage, OTP codes, GitHub reviews, recent files — or anything your own scripts print.

[![Platform](https://img.shields.io/badge/macOS-13%2B-000000?logo=apple&logoColor=white)](https://www.apple.com/macos/)
[![Swift](https://img.shields.io/badge/Swift-5.9-F05138?logo=swift&logoColor=white)](https://swift.org)
Expand Down
22 changes: 14 additions & 8 deletions site/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,16 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>BarShelf — macOS menu bar widgets in one popover.</title>
<meta name="description" content="BarShelf collects scriptable macOS menu bar widgets into one native popover. Turn commands, workflows, and TypeScript scripts into glanceable widgets." />
<meta property="og:title" content="BarShelf — macOS menu bar widgets in one popover." />
<meta property="og:description" content="One menu bar icon for the tools you check all day: usage, builds, files, clocks, OTP, and custom scripts." />
<title>BarShelf — Turn any CLI into a native macOS menu bar widget</title>
<meta name="description" content="BarShelf turns command-line tools and scripts into native macOS menu bar widgets, all behind one icon: Claude Code and Codex usage, OTP codes, GitHub reviews, recent files, or your own scripts." />
<meta property="og:title" content="BarShelf — Turn any CLI into a native macOS menu bar widget" />
<meta property="og:description" content="Turn any CLI into a native menu bar widget — all behind one icon." />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://barshelf.jiun.dev/shots/macos-menubar-popover-crop.jpg" />
<meta property="og:url" content="https://barshelf.jiun.dev/" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="BarShelf — macOS menu bar widgets in one popover." />
<meta name="twitter:description" content="One menu bar icon for usage, builds, files, clocks, and your own scripts." />
<meta name="twitter:title" content="BarShelf — Turn any CLI into a native macOS menu bar widget" />
<meta name="twitter:description" content="Turn any CLI into a native menu bar widget — all behind one icon." />
<meta name="twitter:image" content="https://barshelf.jiun.dev/shots/macos-menubar-popover-crop.jpg" />
<meta name="theme-color" content="#111315" />
<link rel="canonical" href="https://barshelf.jiun.dev/" />
Expand Down Expand Up @@ -203,6 +203,12 @@
font-size: clamp(17px, 2vw, 21px);
color: rgba(255, 255, 255, 0.78);
}
.hero-copy strong {
display: block;
margin-bottom: 8px;
color: #fff;
font-weight: 650;
}
.hero-actions {
margin-top: 32px;
display: flex;
Expand Down Expand Up @@ -643,8 +649,8 @@
<span class="ko">실제 macOS 캡처</span>
</div>
<h1>BarShelf</h1>
<p class="hero-copy en">One native popover for the menu bar tools you check all day. Turn commands, workflows, and TypeScript scripts into glanceable macOS widgets.</p>
<p class="hero-copy ko">하루 종일 확인하는 메뉴바 도구들을 하나의 네이티브 팝오버로 모읍니다. 명령어, 워크플로, TypeScript 스크립트를 macOS 위젯으로 바꾸세요.</p>
<p class="hero-copy en"><strong>Turn any CLI into a native menu bar widget — all behind one icon.</strong> Claude Code and Codex usage, OTP codes, GitHub reviews, recent files, or whatever your own scripts print.</p>
<p class="hero-copy ko"><strong>어떤 CLI든 네이티브 메뉴바 위젯으로, 전부 아이콘 하나에.</strong> Claude Code·Codex 사용량, OTP 코드, GitHub 리뷰 요청, 최근 파일, 직접 만든 스크립트의 출력까지.</p>
<div class="hero-actions">
<a class="btn primary" href="https://github.com/Open330/barshelf/releases/latest" rel="noopener">
<span class="en">Download for macOS</span><span class="ko">macOS용 다운로드</span>
Expand Down