Tremor
React components to build charts and dashboardsself.\\wrap\n=self.\\wrap\n||(self.CSS&&CSS.supports("text-wrap","balance")?1:2);self.\\wrap\b=(e,t,r)=>{let a=null==(r=r||document.query · Selector(\\[data-br="${e}"\]\))?void 0:r.parent · Element;if(!a)return;let s=e=>r.style.maxWidth=e+"px";r.style.maxWidth="";let n=a.client · Width,l=a.client · Height,i=n/2-.25,m=n+.5,d;if(n){for(s(i),i=Math.max(r.scroll · Width,i);i+1 {self.\\wrap\b(0,+r.dataset.brr,r)})).observe(a)};self.\\wrap\n!=1&&self.\\wrap\b(":R1d6fcv9ucq:",1)
tremor.so 出典★ 1,737Apache-2.0ソフトウェア開発 / ボイラープレート・UIコンポーネント
- 月間訪問数
- 38.8K
- 下降1.6%前月比2026年9月
- 公開された売上
- 非公開
- 公開収益の証明はまだありません
- 最低料金
- 無料
- 月額サブスク価格なし
- 公開日
- 3年前
- 2023-03-13 · 推定
訪問
マーケティング動向
公開・検索&コンテンツ・参照・プロモーション- we said “si” legally today
@peer_rich · 2026-11-11 · 792 いいね · 1 リポスト · 24.5K 表示
- PSA: creating wonderful products still requires extraordinary amounts of human focus, effort, motivation, and love. And an attention span.
@rauchg · 2026-11-11 · 4,102 いいね · 468 リポスト · 125.7K 表示
Show HN (227 ポイント · 41 コメント) でリリース公開
Tremor 3.0 – Open-source library to build dashboards fast — Time to remove the Beta label. Tremor v3 is here, adding: - Global theming via tailwind.config.js - An out-of-the-box dark mode - A new Tr…
2023年6月8日 · 3年前ローンチページ
Show HN (3 ポイント) でリリース公開
Tremor v2 – Tailwind-first open-source library to build dashboards — This major release is the first step towards a production-ready version of Tremor. Over the past few months, we have rewritten the library…
2023年3月13日 · 3年前ローンチページ
第三者レビュー&事例分析
集客チャネル分析・エンジニア評価・OSS指標- 開発者投稿の抜粋:
- This major release is the first step towards a production-ready version of Tremor. Over the past few months, we have rewritten the library to make it fit for the future. We added the long-awaited exposure of className and support for other HTML attributes, enabling you to overwrite our root styles or extend them with Tailwind CSS.
OSS&セルフホスト
- GitHubスター数
- ★ 1,737
- フォーク数 (Forks)
- 88
- ライセンス
- Apache-2.0
- 主要言語
- JavaScript
流入元
訪問構成
チャネル
- ダイレクト57%
- 自然検索31%
- SNS6%
- AIアシスタント4%
- その他3%
国・地域
- アメリカ合衆国31%
- ブラジル10%
- インドネシア8%
- ベトナム6%
- チリ6%
検索
ドメイン評価 (DR) —ドメイン登録 2022-02-06
| キーワード | 月間検索数 |
|---|---|
| tremor | 29.2K |
| tremor ui | 1,620 |
| tremor charts | 420 |
| tremor react | 220 |
| tremor react library | 170 |
トラフィックデータ:Vaneform
料金
料金ページが未特定か、公開価格が記載されていません。
ページ&変更履歴
主要ページ
週次スナップショット変更
追跡開始以降、価格・プラン・位置づけの変更は検出されていません。
デザイン
ミニマル・モノクローム(ライト背景・余白多め密度):中央見出し+CTAボタンレイアウトと製品UIスクリーンショット・コンポーネントビジュアル。
ファーストビュー · クリックで拡大
First-screen pitch & conversion flow
“React components to build charts and dashboards”
中央見出し+CTAボタンのファーストビュー構造に、無料で開始 / 今すぐ登録のCTAと明示的な実績表示なしを組み合わせた設計。
Conversion path: 中央見出し+CTAボタン + 製品UIスクリーンショット・コンポーネント → 無料で開始 / 今すぐ登録
- カテゴリ定義・王道アンカー
- 大型ヒーロープロダクトショット
パレット · クリックでコピー
- フォント&タイポグラフィ
- 8.0
- 配色&コントラスト
- 7.0
- レイアウト&余白
- 8.0
- ディテール&完成度
- 8.0
- 独自性・スタイル識別度
- 6.0
市場構造
- フォント
- Inter
- ファーストビュー構成
- 中央見出し+CTAボタン
- メインビジュアル
- 製品UIスクリーンショット・コンポーネント
- コンバージョンCTA
- 無料で開始 / 今すぐ登録
- 社会的証明・実績
- 明示的な実績表示なし
- ナビゲーション
- 全幅トップバー
- 明暗&情報密度
- ライト · 余白多め
- 角丸&階層表現
- 中角丸 · 細線ボーダー
AIデザイン仕様全文をプレビュー(:root CSS変数&レイアウト規則を含む)スタイルトークンのみ抽出。ブランド名・ロゴ・文言・画像の模倣は禁止
# デザインブリーフ:ミニマル・モノクローム
モノクロパレットに単一のアクセントカラー、極細の区切り線、たっぷりの余白を組み合わせたスタイル。
## デザイントークン
```css
:root {
--background: #ffffff;
--surface: #f8fafc;
--foreground: #0f172a;
--muted-foreground: #64748b;
--accent: #2563eb;
--radius: 8px;
--font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```
配色面積比:背景 #FFFFFF (~62%) · サーフェス #F8FAFC (~18%) · 本文 #0F172A (~10%) · 補助テキスト #64748B (~6%) · アクセント #2563EB (~4%)。背景とサーフェスがキャンバスの大部分を占め、アクセントカラーは主要ボタンとアクティブ状態に限定します。
## レイアウト&コンバージョン構造
- ヒーローレイアウト:中央見出し+CTAボタン
- ナビゲーション構造:全幅トップバー
- テーマと密度:ライト · 余白多め
- 角丸とエレベーション:中角丸;ドロップシャドウなし — 1pxの細線ボーダーと余白で階層を分離
- 主なビジュアル媒体:製品UIスクリーンショット・コンポーネント
- コンバージョン CTA:無料で開始 / 今すぐ登録
- 見出しフック:カテゴリ定義・王道アンカー
- ヒーローコンポーネント:大型ヒーロープロダクトショット
- 空間レイアウトの要点:中央見出し+CTAボタンのファーストビュー構造に、無料で開始 / 今すぐ登録のCTAと明示的な実績表示なしを組み合わせた設計。
- ビジュアル要約:ミニマル・モノクローム(ライト背景・余白多め密度):中央見出し+CTAボタンレイアウトと製品UIスクリーンショット・コンポーネントビジュアル。
## 避けるべき表現
- 多色ネオングラデーション
- 濃いドロップシャドウ
- 複数の競合するアクセントカラー
上記のデザイントークンとレイアウト仕様に従ってUIを実装してください。カラーはこれらのCSS変数のみを使用し、アクセントカラーは主要CTAとアクティブ状態に限定します。視覚スタイルのみを取り入れ、参考製品のブランド名・ロゴ・文言・画像は一切複製しないでください。
よくある質問と根拠データ
- Tremorのウェブサイトの訪問数は?
- Vaneform estimates 38.8K website visits in 2026-09. Visits can include repeat visits; this estimate measures web traffic separately from paying customers or revenue.出典
- What is Tremor and what platforms does it support?
- Tremor is catalogued under ボイラープレート・UIコンポーネント: React components to build charts and dashboardsself.\\wrap\n=self.\\wrap\n||(self.CSS&&CSS.supports("text-wrap","balance")?1:2);self.\\wrap\b=(e,t,r)=>{let a=null==(r=r||document.querySelector(\\[data-br="${e}"\]\))?void 0:r.parentElement;if(!a)return;let s=e=>r.style.maxWidth=e+"px";r.style.maxWidth="";let n=a.clientWidth,l=a.clientHeight,i=n/2-.25,m=n+.5,d;if(n){for(s(i),i=Math.max(r.scrollWidth,i);i+1 {self.\\wrap\b(0,+r.dataset.brr,r)})).observe(a)};self.\\wrap\n!=1&&self.\\wrap\b(":R1d6fcv9ucq:",1). Supported platforms: Webのみ.
- Is Tremor open source?
- Tremor has a public repository (https://github.com/tremorlabs/tremor) under the Apache-2.0 license, recording 1,737 GitHub stars.出典
同じカテゴリのプロダクト
同じカテゴリに登録されているプロダクトです。代替として使えるかは、解決する課題、機能、導入条件を比べて判断してください。