プロダクト

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コンポーネント

AI競合評価
PC
モバイル
月間訪問数
38.8K
下降1.6%前月比2026年9月
公開された売上
非公開
公開収益の証明はまだありません
最低料金
無料
月額サブスク価格なし
開発者
Christopher Kindl
SNSアカウント未連携他 1 名の開発者
公開日
3年前
2023-03-13 · 推定

訪問

月間訪問数2026年9月 · 2026年10月 pending 時点のデータ

マーケティング動向

公開・検索&コンテンツ・参照・プロモーション
  • Show HN (2 ポイント) でリリース公開

    Copy/paste dashboard and chart components – Tremor

    2024年9月15日 · 2年前ローンチページ

  • Show HN (8 ポイント · 1 コメント) でリリース公開

    OSS React Components for Dashboards

    2024年6月28日 · 2年前ローンチページ

  • 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年前ローンチページ

  • Product Hunt でリリース公開

    The ReactJS open-source library to build dashboards fast

    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指標
Show HN
2023-03-13出典
開発者投稿の抜粋:
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 · MCP / Skill
最終コミット 2026-10-19
GitHubスター数
★ 1,737
フォーク数 (Forks)
88
ライセンス
Apache-2.0
主要言語
JavaScript

流入元

2026年9月

訪問構成

チャネル

  • ダイレクト57%
  • 自然検索31%
  • SNS6%
  • AIアシスタント4%
  • その他3%

国・地域

  • アメリカ合衆国31%
  • ブラジル10%
  • インドネシア8%
  • ベトナム6%
  • チリ6%

検索

ドメイン評価 (DR) —ドメイン登録 2022-02-06

キーワード月間検索数
tremor29.2K
tremor ui1,620
tremor charts420
tremor react220
tremor react library170

トラフィックデータ:Vaneform

料金

料金ページが未特定か、公開価格が記載されていません。

ページ&変更履歴

2023-06-08 から記録開始

主要ページ

週次スナップショット
www.tremor.so/ スナップショット 2026-11-04

変更

追跡開始以降、価格・プラン・位置づけの変更は検出されていません。

デザイン

ファーストビューの視覚分析と :root CSS

ミニマル・モノクローム(ライト背景・余白多め密度):中央見出し+CTAボタンレイアウトと製品UIスクリーンショット・コンポーネントビジュアル。

ファーストビュー · クリックで拡大

First-screen pitch & conversion flow

“React components to build charts and dashboards”

中央見出し+CTAボタンのファーストビュー構造に、無料で開始 / 今すぐ登録のCTAと明示的な実績表示なしを組み合わせた設計。

Conversion path: 中央見出し+CTAボタン + 製品UIスクリーンショット・コンポーネント → 無料で開始 / 今すぐ登録

パレット · クリックでコピー

5次元デザイン評点7.5 / 10
フォント&タイポグラフィ
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.出典

同じカテゴリのプロダクト

ソフトウェア開発 / ボイラープレート・UIコンポーネント

同じカテゴリに登録されているプロダクトです。代替として使えるかは、解決する課題、機能、導入条件を比べて判断してください。