피클은 좋은 웹 소스를 모아 제공합니다.
화면 요소를 클래스 단위로 재사용할 때 CSS 프레임워크를 고릅니다. Bootstrap은 컴포넌트와 동작이 묶인 대표 사례이고, 유틸리티형·무JS형 대안과 비교해 선택합니다.
| 프레임워크 | 방식 | 자바스크립트 |
|---|---|---|
| Bootstrap | 미리 만든 컴포넌트 클래스 | 포함 (탭, 모달 등) |
| Tailwind CSS | 유틸리티 클래스 조합 | 없음 |
| Bulma | 컴포넌트 클래스, Flexbox | 없음 |
| Foundation | 컴포넌트 클래스, 반응형 그리드 | 포함 |
| UIkit | 모듈형 컴포넌트 | 포함 |
부트스트랩, 부트스와치, 부트스트랩 아이콘, Start Bootstrap, Bootstrap Table, Tabler …
부트스트랩그리드 컴포넌트 유틸로 반응형 UI를 빠르게 만드는 오픈소스 CSS JS 프레임워크getbootstrap.com
부트스와치Bootstrap 4 5용 무료 CSS 테마 스킨을 모아 둔 Bootswatch 사이트bootswatch.com
부트스트랩 아이콘Bootstrap 팀의 오픈소스 SVG 웹폰트 아이콘 라이브러리 Bootstrap Iconsicons.getbootstrap.com
Start BootstrapBootstrap 기반 무료 HTML 템플릿 UI 키트 스니펫 리소스 사이트startbootstrap.com
Bootstrap TableBootstrap 표에 정렬 검색 페이징 내보내기를 붙이는 jQuery 기반 테이블 플러그인bootstrap-table.com
TablerBootstrap 기반 오픈소스 관리자 대시보드 UI 키트 템플릿tabler.io
AdminLTEBootstrap 기반 관리자 대시보드 레이아웃 UI 오픈소스 HTML 템플릿adminlte.io
Tailwind CSS유틸리티 클래스를 조합해 스타일을 짜는 utility-first CSS 프레임워크tailwindcss.com등록 수정 조회 4