super-browser-window-kit
Version:
Super toolkit for enhanced Electron BrowserWindow with rounded corners and macOS liquid glass effects
116 lines (87 loc) • 4.59 kB
Markdown
[](README.md)
[](README.ja.md)
[](README.ko.md)
[](README.zh.md)
# super-browser-window-kit
고품질 macOS Tahoe 툴킷, Electron BrowserWindow 전용 설계.
🏠 **홈페이지**: [https://bytemyth.com/super-browser-window-kit](https://bytemyth.com/super-browser-window-kit)
## 프로젝트 개요
Electron 애플리케이션에 현대적인 네이티브 macOS 윈도우 시각 효과를 제공합니다.
## 스크린샷
## 설치
```bash
npm install super-browser-window-kit
```
## 빠른 시작
### BrowserWindow 모서리 둥글게 효과
macOS에서 Electron BrowserWindow에 아름답고 네이티브 스타일의 둥근 모서리 효과를
쉽게 활성화할 수 있습니다. 이 기능은 앱이 현대적인 macOS 미학과 완벽하게
어우러지도록 하여 세련되고 전문적인 외관을 제공합니다. 윈도우 생성 후 API를
호출하기만 하면 필요에 따라 모서리 반경을 사용자 정의할 수 있습니다.
```js
import { app, BrowserWindow } from "electron";
import SuperBrowserWindowKit, {
AutoresizingMask,
GlassMaterialVariant,
} from "super-browser-window-kit";
/**
* =====================[ 라이선스 공지 ]=====================
* 이 라이선스 코드는 com.github.Electron 테스트 환경에서만 유효합니다.
* 프로덕션 환경에서는 작동하지 않습니다.
* 프로덕션 사용을 위해서는 유효한 상용 라이선스를 취득하세요.
*
* 공식 웹사이트: https://bytemyth.com/super-browser-window-kit
* 연락처: hi@bytemyth.com
* =========================================================
*/
const LICENSE_CODE =
"GCAYQ-ASCAG-Q76KA-ELXLU-HN8CV-3ZK8P-STALL-QLSVZ-9FFSX-3S2ZU-4QVSC-LLJ7U-KH6K7-G88HA-4TTDJ-58G9H-GZFY6-DDSDJ-L5ZB9-V7UMB-896CS-P9AVC-GULAB-EEAGQ-T77DP-DRBJN-G829M-ZZF9M-L2VEN-RZM8F-SQ4KW-3JLLB-MUVXP-TS3P8-7ZFZM-4L2P3-S4TTA-Z7EVY-Z5H9J-FYDUS-WQCYW-C92PZ-BB23J-QZEVP-QNQ";
app.whenReady().then(() => {
const win = new BrowserWindow({
width: 1000,
height: 700,
titleBarStyle: "hiddenInset",
show: false,
});
win.loadFile("index.html");
SuperBrowserWindowKit.setLicense(LICENSE_CODE);
SuperBrowserWindowKit.enableWindowCornerCustomization();
SuperBrowserWindowKit.setWindowCornerRadius(win.getNativeWindowHandle(), 26);
win.show();
});
```
## 주요 API
```ts
// 윈도우 모서리
enableWindowCornerCustomization(): boolean;
setWindowCornerRadius(handle: Buffer, radius: number): boolean;
disableWindowCornerCustomization(): boolean;
// 배경 뷰
addBackgroundView(handle: Buffer, options?: BackgroundOptions): number;
setBackgroundCornerRadius(handle: Buffer, id: number, cornerRadius: number): void;
setBackgroundColor(handle: Buffer, id: number, color: string | { light: string; dark: string }): void;
// 글래스 효과 뷰
addGlassEffectView(handle: Buffer, options?: GlassOptions): number;
setGlassCornerRadius(handle: Buffer, id: number, cornerRadius: number): void;
setGlassColor(handle: Buffer, id: number, color: string | { light: string; dark: string }): void;
setVariant(handle: Buffer, id: number, variant: GlassMaterialVariant): void;
// 뷰 공통
removeView(handle: Buffer, id: number): boolean;
setAutoresizingMask(handle: Buffer, id: number, mask: AutoresizingMask | number): boolean;
getFrame(handle: Buffer, id: number): GlassFrame | null;
updateFrame(handle: Buffer, id: number, options: { x?: number; y?: number; width?: number; height?: number }): boolean;
// 전체화면 알림
setFullScreenNotificationListener(handle: Buffer, callback: FullScreenNotificationCallback): boolean;
removeFullScreenNotificationListener(handle: Buffer): boolean;
```
## 예제
- `dist-examples/main.js`: 윈도우 모서리 둥글게 및 사이드바 레이아웃 예제
## 작성자
bytemyth 팀
## 라이선스
Copyright (c) 2025 bytemyth 팀. All rights reserved.
이것은 독점 소프트웨어입니다. 평가 및 테스트 목적으로 사용할 수 있습니다.
프로덕션 환경에서의 상업적 사용을 위해서는
[https://bytemyth.com/super-browser-window-kit](https://bytemyth.com/super-browser-window-kit)을 방문하거나 회사/팀 정보와 함께
hi@bytemyth.com으로 연락하여 상용 라이선스를 취득하세요.