bolt
빠른 CRM 빌드
데이터가 풍부한 CRM 인터페이스를 위해 특별히 제작된 고성능 컴포넌트입니다. 테이블 컴포넌트를 바로 사용할 수 있습니다.
architecture
헤드리스 & 무한한 확장성
스타일에 대한 제약이 없습니다. 어떤 도메인이나 브랜드 아이덴티티에도 맞게 완벽한 커스텀이 가능합니다. 로직은 저희가, 픽셀은 여러분이 결정하세요.
auto_awesome
AI 우선 DX (AI 협업)
LLM에 최적화된 .md 파일을 제공하여 AI와의 원활한 협업과 신속한 프로토타이핑을 가능하게 합니다. 레이아웃 전체를 한 번에 짜 보도록 시도해 보세요.
아키텍처의 힘
뼈대 로직에서 프리미엄 인터페이스까지 단 몇 분 만에 완성됩니다. 비즈니스 툴을 위해 고안된 유연한 아키텍처입니다.
App.tsx
import { Table } from '@mycrm-ui/react-table';
import type { ColumnDef } from '@mycrm-ui/react-table';
// Row 타입 · columns · rows — 도메인에 맞게 정의
// TableProps: sort / filter / selection … 기능별 객체
// const columns: ColumnDef<Row>[] = [
// { key: 'name', label: '이름', render: … },
// ];
export const App = () => (
<Table
columns={columns}
data={rows}
rowKey={(r) => r.id}
sorting={ sorting }
filter={ filter }
classNames={ classNames }
/>
);
// 스크롤·편집·행 동작 등도 같은 패턴으로 props에 연결
데이터 그리드
헤드리스 로직 위에 쌓인 화면 예시
search검색어 입력…
swap_vert정렬 적용이름arrow_upward상태유형수정
- Alpha활성B2B04.10
- Beta대기B2C04.09
- Gamma협의B2B04.08
- Delta활성B2B04.07
- Epsilon대기B2G04.05
1–5/표시 5건 · 전체 5건
AI 네이티브 DX
기존의 UI 라이브러리는 중첩된 복잡성 때문에 LLM이 사용하기 어렵습니다. mycrm은 AI와의 협업을 염두에 두고 구축되었습니다. 구조화된 스키마 정의와 시맨틱 컴포넌트 마커로, LLM·코딩 에이전트가 읽고 확장하기 쉬운 형태를 지향합니다.
- check_circle높은 LLM 정확도를 위한 시맨틱 HTML 구조
- check_circle프롬프트 엔지니어링에 최적화된 .md 참조 파일
- check_circle상용구 코드를 제거하는 Prop 기반 로직
psychology
AI 어시스턴트"@mycrm-ui/react-table의
<Table />로 리드 목록을 만들고, 지역·거래 규모 컬럼에 필터를 붙여줘...""알겠습니다.
ColumnDef로 region, dealSize 컬럼을 두고 filter와 filterType으로 조건을 연결하겠습니다. 구현 코드는 다음과 같습니다..."헤드리스로, 도메인을 가리지 않습니다
mycrm-ui는 헤드리스 컴포넌트라이브러리입니다. 화면의 룩앤필을 강제하지 않고 정렬·필터·선택 같은 테이블 로직만 제공하므로, 영업·운영·내부 툴처럼 성격이 다른 서비스에도 그대로 녹여 넣을 수 있습니다. 브랜드·레이아웃·디자인 시스템은 전부 앱 쪽에서 입맛대로 얹으면 됩니다.
- check_circle동작·상태는 라이브러리가, 색·간격·타이포는 프로젝트의 CSS·테마가 담당합니다.
- check_circleTableClassNames로 헤더·셀·행 등 슬롯별 클래스를 넘겨 브랜드 가이드에 맞게 조립할 수 있습니다.
- check_circleCRM·백오피스·SaaS 등 성격이 다른 서비스에도 같은 API로 테이블 뼈대를 재사용합니다.
같은 Table · 다른 서비스
영업 CRM
고객·파이프라인 컬럼, 브랜드 색상의 헤더
재고·물류 콘솔
LOT·창고 컬럼, 밀도 높은 밀집 레이아웃
CS·티켓 백오피스
상태·담당자 컬럼, 라이트 톤 UI
@mycrm-ui/react-table — 로직 공유, 스타일은 프로젝트마다
지금 바로 mycrm으로 시작하세요
헤드리스 테이블 로직으로 CRM·운영 화면을 직접 설계해 보세요.
문서와 예제를 따라 설치부터 첫 화면까지 바로 시작할 수 있습니다.
NEXT.JS 지원TYPESCRIPT 준비 완료