split.js

utility layout

split.js는 웹 페이지에서 리사이즈 가능한 분할 뷰를 쉽게 구현할 수 있는 경량 유틸리티입니다. 이 라이브러리는 단 2kb의 작은 크기로 제공되며, 사용자의 의견을 최소화하여 유연성을 제공합니다.

Latest Ver 1.6.5

Homepage

Github

6,204

분할의 미학, 창의력의 시작

split.js로 화면을 자유롭게 나누며, 사용자 경험을 새롭게 디자인하세요.

split.js는 웹 인터페이스에서 효과적으로 분할 뷰를 구현할 수 있는 경량 툴입니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.5/split.js

https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.5/split.min.js

https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.5/split.min.js.map

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 HTML
<div id="container" style="height: 100vh;"><div style="background: #f00;">First</div><div style="background: #0f0;">Second</div></div><script>Split(['#first', '#second'], { sizes: [50, 50], minSize: 100, gutterSize: 10, cursor: 'col-resize' });</script>

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/split.js/1.5.11/split.min.js"></script>

⚙️ JavaScript
Split(['#first', '#second'], { sizes: [50, 50], minSize: 100, gutterSize: 10, cursor: 'col-resize' });

⚡ Top Tools for Developers