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년 전출시 페이지
제3자 리뷰 및 사례 분석
유입 채널 분석, 엔지니어 리뷰 및 오픈소스 지표- 메이커 원문 발췌:
- 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.
오픈소스 및 자체 호스팅
- GitHub 스타
- ★ 1,737
- 포크 수 (Forks)
- 88
- 오픈소스 라이선스
- Apache-2.0
- 주요 언어
- JavaScript
유입 경로
트래픽 구성
채널
- 직접 방문57%
- 자연 검색31%
- 소셜 미디어6%
- 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 변수만 사용하고 강조색(accent)은 주요 버튼과 활성 상태에만 제한적으로 사용합니다. 시각적 스타일만 채택하며 참고 제품의 브랜드명, 로고, 카피, 이미지는 복제하지 마세요.
주요 질문과 근거
- 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: 웹 전용.
- 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.원문 출처
같은 분야의 관련 제품
같은 카테고리에 등록된 제품입니다. 대안으로 고려하기 전에 사용 목적, 기능, 도입 조건을 비교해 보세요.