오픈소스 정리 사이트

오픈소스들을 정말 정리를 잘 해둔 곳이 있어서 공유합니다.

 

CSS3 Microsoft Modern Buttons

윈도우 8 메트로 스타일 버튼

프로그램 사이트 : http://ace-subido.github.io/css3-microsoft-metro-buttons/index.html

Pixate

iOS 앱 개발 프레임워크, XCODE를 이용, 개인용 무료임. 안드로이드용은 추후 발표

프로그램 사이트 : http://www.pixate.com/

HTML KickStart

부트스트랩 관련 프로젝트는 아니지만 부트스트랩과 같은 프런트 엔드 프레임워크

프로그램 사이트 : http://www.99lime.com/elements/

 

99Lime UIKIT

포토샵 디자인을 위한 UI, 부트스트랩 관련 프로젝트 아님

프로그램 사이트 : http://www.99lime.com/uikit/

 

 

bootstro.js

웹페이지를 둘러 볼 수 있는 가이드를 만드는 플러그인입니다.

프로그램 사이트 : https://github.com/clu3/bootstro.js

데모 사이트 : http://clu3.github.io/bootstro.js/

 

 

Layout it

웹페이지 요소를 드래그해서 간편하게 만들 수 있는 사이트입니다.

프로그램 사이트 : http://www.layoutit.com/build

 

 

Bootply

드랍다운 메뉴에서 스니핏 코드를 선택해서 코드를 간편하게 만들 수 있는 사이트입니다.

프로그램 사이트 : http://bootply.com/

 

 

jQuery-Validate

폼 유효성 검사 제이쿼리 플러그인

프로그램 사이트 : http://alittlecode.com/files/jQuery-Validate-Demo/index.html

 

Dropbox file uploader

드롭박스에서 파일을 업로드할 수 있는 플러그인

프로그램 사이트 : http://tutorialzine.com/2012/11/dropbox-photo-crop/

데모 사이트 : http://demo.tutorialzine.com/2012/11/dropbox-photo-crop/

 

 

Bootstrap Magic

부트스트랩 사용자 스타일시트 만들기

프로그램 사이트 : http://pikock.github.io/bootstrap-magic/index.html

 

 

 

 

 

jQuery-Mobile-Bootstrap-Theme

부트스트랩 모바일 테마

프로그램 사이트 : https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme

데모사이트 : http://andymatthews.net/code/jQuery-Mobile-Bootstrap-Theme/

 

 

Darkstrap

부트스트랩 테마

프로그램 사이트 : https://github.com/danneu/darkstrap

데모사이트 : http://danneu.com/bag/darkstrap/darkstrap.html

 

 

PinStrap – Pinterest meets Bootstrap

핀터레스트 스타일 워드프레스 테마. 이메일 구독신청 요함

프로그램 사이트 : http://bragthemes.com/theme/pinstrap-pinterest-meets-bootstrap/

데모사이트 : http://bragthemes.com/preview/?theme=PinStrap

 

bootstrap-multisuggest

부트스트랩 다중 선택박스

프로그램 사이트 : https://github.com/rroppolo/bootstrap-multisuggestplugin

데모 사이트 : http://htmlpreview.github.io/?https://github.com/rroppolo/bootstrap-multisuggestplugin/blob/master/demo.html

 

 

bootstrap-wysiwyg

부트스트랩 위지위그 편집기. 음성도 가능.

프로그램 사이트 : https://github.com/mindmup/bootstrap-wysiwyg/

데모 사이트 : http://mindmup.github.io/bootstrap-wysiwyg/

 

 

Bootstrap MaxLength

부트스트랩 최대 입력 가능 글자수 표시

프로그램 사이트 : https://github.com/mimo84/bootstrap-maxlength

데모 사이트 : http://mimo84.github.io/bootstrap-maxlength/

 

 

bootstrap-ajax

프로그램 사이트 : https://github.com/eldarion/bootstrap-ajax

데모 사이트 : http://uk013.o1.gondor.io/

 

ACADEMIC

블로그 CMS

프로그램 사이트 : https://github.com/academic-cms/academic

데모 사이트 : http://academic-cms.github.io/

 

 

Bootstrap 3 for IE7

부트스트랩 3 용 인터넷 익스플로러 7 핵 – 베타버전

프로그램 사이트 및 데모 사이트 : https://github.com/coliff/bootstrap-ie7

 

 

SCREENCHECK

모바일 디자인 테스트 사이트

프로그램 사이트 및 데모 사이트 : http://cybercrab.com/screencheck/

 

 

HTML BUTTON GENERATOR

부트스트랩 버튼 생성기

프로그램 사이트 및 데모 사이트 : http://bootsnipp.com/buttons

 

 

CodeIgniter Form Builder

CodeIgniter 부트스트랩 폼 빌더

프로그램 사이트 : https://github.com/zwacky/codeigniter_form_builder

 

Joomlashack Wright v3.0

줌라(Joomla) 템플릿

프로그램 사이트 : https://github.com/joomlashack/wright

데모 사이트 : http://wright.joomlashack.com/demo/

 

BOOTSTRAP TOUR

사이트 투어 위자드.

프로그램 사이트 : https://github.com/Gild/bootstrap-tour

데모 사이트 : http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin

 

 

DURANDAL

싱글 페이지 앱 프레임워크

프로그램 사이트 : https://github.com/BlueSpire/Durandal

데모 사이트 : http://durandaljs.com/pages/videos/

 

 

BOOTSTRAP-BLOG

블로그 템플릿

프로그램 사이트 : https://github.com/dan-silver/Node.js-Blog-Engine

https://npmjs.org/package/bootstrap-blog

데모 사이트 : http://nodejs-blog-engine-example.herokuapp.com/

 

 

EMBERJS-PAGEABLE

데이터 테이블 페이지네이션

프로그램 사이트 : https://github.com/VisualGuruz/emberjs-pageable

데모 사이트 : http://visualguruz.com/ember-pageable-demo/

 

EMBERJS-ADDONS/EMBER-BOOTSTRAP 

부트스트랩 용 EMBERJS

프로그램 사이트 : https://github.com/emberjs-addons/ember-bootstrap

데모 사이트 : http://emberjs-addons.github.com/ember-bootstrap/

 

 

WATable

데이터 테이블, 분류, 페이징, 필터링 가능

프로그램 사이트 및 데모 사이트 : http://wootapa-watable.appspot.com/

 

jekyll bootstrap

정적인(Static) 웹사이트를 만들 수 있는 프레임워크, 부트스트랩 테마 사용, 데이터베이스가 필요 없어서 빠른 속도의 웹사이트 제작 가능. 현재 부트스트랩 3.0의 문서도 이 프레임워크로 제작. 웹 개발자들은 워드프레스에서 이 프레임워크로 전향 중. 향후 자세한 사용법 포스팅 예정

프로그램 사이트 및 데모 사이트 : http://jekyllbootstrap.com/

 

JQUERY-BOOTSTRAP-SCRIPTING

부트스트랩 모달 확장 플러그인

프로그램 사이트 및 데모 사이트 : http://nikku.github.com/jquery-bootstrap-scripting/

 

 

BOOTSTRAP-PROMPTS

부트스트랩 모달을 이용한 자바스크립트 프롬프트

프로그램 사이트 및 데모 사이트 : http://sair.am/demos/bootstrap-prompts/index.html

 

 

PINES NOTIFY

알림 메시지

프로그램 사이트 및 데모 사이트 : http://sciactive.github.com/pnotify/

 

 

MagicSuggest

선택 박스

프로그램 사이트 및 데모 사이트 : http://nicolasbize.github.com/magicsuggest/

 

 

Nod

폼 유효성 검사

프로그램 사이트 및 데모 사이트 : http://casperin.github.com/nod/

 

Bootstrap-AcknowledgeInput.js

입력박스 피드백

프로그램 사이트 및 데모 사이트 : http://averagemarcus.github.com/Bootstrap-AcknowledgeInputs/

 

 

tablecloth.js

다양한 테이블 디자인

프로그램 사이트 및 데모 사이트 : http://tableclothjs.com/

Bootbox.js

부트스트랩 모달 확장

프로그램 사이트 및 데모 사이트 : http://bootboxjs.com/

 

 

Bootstrap Tag Autocomplete

태그 자동 완성

프로그램 사이트 및 데모 사이트 : http://sandglaz.github.com/bootstrap-tagautocomplete/

 

 

BOOTSTRAP FILE INPUT STYLER

파일 업로더

프로그램 사이트 및 데모 사이트 : http://gregpike.net/demos/bootstrap-file-input/demo.html#

 

 

bootstrap-select

선택 박스

프로그램 사이트 및 데모 사이트 : http://silviomoreto.github.com/bootstrap-select/

 

 

jQuery FileStyle for Bootstrap

파일 업로더

프로그램 사이트 및 데모 사이트 : http://markusslima.github.com/bootstrap-filestyle/

 

Clockface

타임피커

프로그램 사이트 및 데모 사이트 : http://vitalets.github.com/clockface/

 

Bootstrap Captcha

부트스트랩 캡차

프로그램 사이트 및 데모 사이트 : http://jsfiddle.net/hqv27/

 

 

Google Plus style for Bootstrap

구글 플러스 스타일

프로그램 사이트 및 데모 사이트 : http://xbreaker.github.com/plusstrap/index.html

 

 

Ligature Symbols Icons

250개 폰트 아이콘

프로그램 사이트 및 데모 사이트 : http://kudakurage.com/ligature_symbols/

 

 

AngularStrap

부트스트랩 자바스크립트 확장

프로그램 사이트 및 데모 사이트 : http://mgcrea.github.com/angular-strap/

 

TODC Bootstrap

구글 스타일 부트스트랩

프로그램 사이트 : https://github.com/todc/todc-bootstrap

데모 사이트 : http://todc.github.com/todc-bootstrap/index.html

 

 

Flat-UI

프로그램 사이트 : https://github.com/designmodo/Flat-UI

데모 사이트 : http://designmodo.com/flat-free/

 

 

twitter.bootstrap.mvc

ASP.Net MVC 4 부트스트랩 nuget 패키지

프로그램 사이트 : https://github.com/erichexter/twitter.bootstrap.mvc

데모 사이트 : http://lostechies.com/erichexter/2012/11/20/twitter-bootstrap-mvc4-the-template-nuget-package-for-asp-net-mvc4-projects/

 

 

Bootstrap PSD v2.0

부트스트랩 포토샵 템플릿

프로그램 사이트 및 데모 사이트 : http://gui.repixdesign.com/#bootstrap

 

 

TinyMCE skin Bootstrap

TinyMCE Bootstrap 스킨

프로그램 사이트 : https://github.com/gtraxx/tinymce-skin-bootstrap

데모 사이트 : http://blog.aurelien-gerits.be/2013/01/09/tinymce-skin-twitter-bootstrap/

 

 

BIC Calendar

스케줄 달력

프로그램 사이트 : https://github.com/bichotll/bic_calendar

데모 사이트 : http://bic.cat/bic_calendar/

 

 

SASS-TWITTER-BOOTSTRAP

SASS용 부트스트랩

프로그램 사이트 : https://github.com/jlong/sass-twitter-bootstrap#readme

 

 

OpenWeb Icons

오픈소스 관련 아이콘

프로그램 사이트 및 데모 사이트 : http://pfefferle.github.com/openwebicons/

 

 

FLATSTRAP

그래디언트와 둥근 모서리를 제거한 부트스트랩

프로그램 사이트 및 데모 사이트 : http://littlesparkvt.com/flatstrap/index.html

 

 

BOOTSTRAPDOCS

버전 별 부트스트랩 문서 제공

프로그램 사이트 및 데모 사이트 : http://bootstrapdocs.com/

 

BOOTSTRAPCDN

부트스트랩 파일 링크 CDN

프로그램 사이트 및 데모 사이트 : http://www.bootstrapcdn.com/?v=10292012225705

 

 

INITIALIZR

HTML5 부트스트랩 템플릿

프로그램 사이트 및 데모 사이트 : http://www.initializr.com/

 

 

BOOTSTRAP TWITTER OFFLINE DOCS

부트스크랩 크롬 브라우저 오프라인 도움말기능으로 설치하고 나면 우측 상단에 트위터 아이콘이 만들어지고 아이콘을 클릭하면 오프라인으로 부트스트랩 문서를 볼 수 있습니다. 또한 마우스클 우클릭하면 컨텍스트 메뉴에도 나타납니다.

프로그램 사이트 및 데모 사이트 : https://chrome.google.com/webstore/detail/bootstrap-twitter-offline/gihkgljdimgfffabkemicpaeljmoobil

 

 

SUBLIME-TWITTER-BOOTSTRAP-SNIPPETS

서브라임 텍스트 편집기 용 부트스트랩 코드 스니핏

프로그램 사이트 : https://github.com/devtellect/sublime-twitter-bootstrap-snippets/

 

 

Aptana Twitter Bootstrap Bundle

앱타나 스튜디오 3용 부트스트랩 스니핏

프로그램 사이트 : https://github.com/berkayunal/twitter-bootstrap.ruble

 

 

ELUSIVE ICONS

271개의 부트스트랩 호환 폰트 아이콘

프로그램 사이트 및 데모 사이트 : http://aristeides.com/elusive-iconfont/

 

 

GAMEICONS.NET

게임 아이콘

프로그램 사이트 및 데모 사이트 : http://game-icons.net/

 

 

FONT AWESOME

249개의 부트스트랩 호환 폰트 아이콘

프로그램 사이트 및 데모 사이트 : http://fortawesome.github.com/Font-Awesome/

 

 

FONT AWESOME More 

300개 이상의 부트스트랩 호환 폰트 아이콘. Font Awesome의 Fork

프로그램 사이트 및 데모 사이트 : http://gregoryloucas.github.com/Font-Awesome-More/

 

ANIMATE.LESS

요소의 애니메이션이 가능한 LESS 파일. 스타일시트로 컴파일해서 사용합니다. 데모 사이트에서 버튼을 클릭하면 짙은 색 버튼이 애니메이션되는 것을 볼 수 있습니다.

프로그램 사이트 : https://github.com/machito/animate.less

데모 사이트 : http://daneden.me/animate/

 

 

TWITTER BOOTSTRAP FOR GITHUB PAGES

깃허브 페이지 테마

프로그램 사이트 및 데모 사이트 : http://robertcedwards.github.com/gh-pages-theme/

 

 

LAVISH

부트스트랩 테마

프로그램 사이트 : https://github.com/mquan/lavish

데모 사이트 : http://www.lavishbootstrap.com/

 

 

WRAPBOOTSTRAP

유료 테마 사이트

프로그램 사이트 및 데모 사이트 : https://wrapbootstrap.com/

 

 

FBOOTSTRAPP

페이스북 스타일 부트스트랩 테마

프로그램 사이트 : https://github.com/ckrack/fbootstrapp

데모 사이트 : http://ckrack.github.com/fbootstrapp/

 

BOOTTHEME

부트스트랩 테마 생성기

프로그램 사이트 및 데모 사이트 : http://www.boottheme.com/

 

 

jQuery UI Bootstrap

제이쿼리 UI 기반 부트스트랩

프로그램 사이트 : https://github.com/addyosmani/jquery-ui-bootstrap/

데모 사이트 : http://addyosmani.github.com/jquery-ui-bootstrap/

 

 

BOOTSWATCHER

테마 생성기

프로그램 사이트 및 데모 사이트 : http://bootswatcher.com/

 

 

BootSwatchr

테마 생성기

프로그램 사이트 및 데모 사이트 : http://bootswatchr.com/

Bootswatch

테마 생성기

프로그램 사이트 및 데모 사이트 : http://bootswatch.com/

 

 

STYLEBOOTSTRAP.INFO

테마 생성기

프로그램 사이트 및 데모 사이트 : http://stylebootstrap.info/

 

 

PAINTSTRAP

테마 생성기

프로그램 사이트 및 데모 사이트 : http://paintstrap.com/

 

 

JQDRAWBOOTSTRAPGRID

디자인 작업시 그리드 생성. 보이기 감추기 기능 제공

프로그램 사이트 : https://github.com/plozi/jQDrawBootstrapGrid

데모 사이트 : http://plozi.github.com/jQDrawBootstrapGrid/example/ex.html

 

 

DIVSHOT

웹 앱 인터페이스 빌더

프로그램 사이트 및 데모 사이트 : http://www.divshot.com/

 

 

BOOTSTRAP-FORM-BUILDER

부트스트랩 폼 생성기. 끌어놓기로 폼 생성

프로그램 사이트 : https://github.com/minikomi/Bootstrap-Form-Builder

데모 사이트 : http://bootstrap-forms.heroku.com/

 

 

JETSTRAP

인터페이스 생성기

프로그램 사이트 및 데모 사이트 : http://jetstrap.com/

 

 

EASEL.IO

인터페이스 생성기

프로그램 사이트 및 데모 사이트 : https://www.easel.io/

 

 

Bootsnipp.com

부트스트랩에 사용되는 각종 코드 스니핏.

프로그램 사이트 및 데모 사이트 : http://bootsnipp.com/

 

 

 

TWITTER BOOTSTRAP BUTTON GENERATOR WITH FAMFAMFAM ICONS

1000개의 무료 팜팜팜 아이콘과 부트스트랩 버튼

프로그램 사이트 및 데모 사이트 : http://www.plugolabs.com/custom-twitter-bootstrap-button-generator-with-famfamfam-icons/

 

 

CSS3 GRADIENT GENERATOR

CSS3 그래디언트 생성기

프로그램 사이트 및 데모 사이트 : http://gradients.glrzad.com/

 

 

BEAUTIFUL BOOTSTRAP BUTTONS

부트스트랩 버튼 생성기

프로그램 사이트 및 데모 사이트 : http://charliepark.org/bootstrap_buttons/

 

 

TWITTER BOOTSTRAP BUTTON GENERATOR

부트스트랩 버튼 생성기

프로그램 사이트 및 데모 사이트 : http://www.plugolabs.com/twitter-bootstrap-button-generator/

 

 

HOLDER.JS

웹 개발용 더미(dummy) 이미지

프로그램 사이트 및 데모 사이트 : http://imsky.github.com/holder/

 

 

WP-BOOTSTRAP-GALLERY

워드프레스 갤러리

프로그램 사이트 : https://github.com/twittem/wp-bootstrap-gallery

 

 

WP-BOOTSTRAP-NAVWALKER

부트스트랩 용 워드프레스 내비게이션 메뉴

프로그램 사이트 : https://github.com/twittem/wp-bootstrap-navwalker

 

 

WP PLUGIN FOR BOOTSTRAP SHORTCODES

부트스트랩 스타일시트 숏코드. 테마와 함께 제공되며 사이트에서 이메일 구독 신청하면 테마를 내려받을 수 있습니다.

프로그램 사이트 : http://bragthemes.com/wordpress-plugin-for-twitter-bootstrap-shortcodes/

 

 

SHOESTRAP

부트스트랩 워드프레스 테마. 데모 사이트에서 회원가입하고 무료 구매 하면 자동 업그레이드가 가능한 라이센스 키가 제공됩니다.

프로그램 사이트 : https://github.com/aristath/shoestrap

데모 사이트 : http://shoestrap.org/

 

 

TWITTER BOOTSTRAP CSS PLUGIN

스타일시트 플러그인

프로그램 사이트 : http://wordpress.org/extend/plugins/wordpress-bootstrap-css/

 

 

WP-BOOTSTRAP

부트스트랩 워드프레스 테마

프로그램 사이트 및 데모 사이트 : http://320press.com/wpbs/

 

 

BOOTSTRAPWP

부트스트랩 워드프레스 테마

프로그램 사이트 및 데모 사이트 : http://bootstrapwp.rachelbaker.me/

ROOTS WORDPRESS THEME

부트스트랩 워드프레스 테마

프로그램 사이트 및 데모 사이트 : http://www.rootstheme.com/

 

The Bootstrap

부트스트랩 워드프레스 테마

프로그램 사이트 및 데모 사이트 : http://wordpress.org/extend/themes/the-bootstrap

 

ALIEN SHIP

부트스트랩 워드프레스 테마

프로그램 사이트 및 데모 사이트 : http://www.johnparris.com/alienship/download/

 

WPSTRAP

부트스트랩 워드프레스 테마

프로그램 사이트 : https://github.com/gbuckingham89/wpstrap

 

 

Bootstrap WordPress 0.9.3

부트스트랩 워드프레스 테마

프로그램 사이트 및 데모 사이트 : http://digitalnature.eu/themes/bootstrap/

 

 

DATE RANGE PICKER

날짜 범위를 선택할 수 있습니다.

프로그램 사이트 : https://github.com/dangrossman/bootstrap-daterangepicker

데모 사이트 : http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/

 

 

Datepicker for Bootstrap

날짜 선택

프로그램 사이트 및 데모 사이트 : http://www.eyecon.ro/bootstrap-datepicker/

 

 

Colorpicker for Bootstrap

컬러 피커

프로그램 사이트 및 데모 사이트 : http://www.eyecon.ro/bootstrap-colorpicker/

 

 

Twitter Bootstrap for ASP.Net

ASP.NET 용 부트스트랩

프로그램 사이트 및 데모 사이트 : http://nuget.org/packages/twitter.bootstrap.mvc4

 

 

ASP.NET MVC BOOTSTRAP EXTENSIONS

ASP.NET 용 부트스트랩

프로그램 사이트 : https://github.com/jordanwallwork/bootstrapextensions

데모 사이트 : http://bootstrapextensions.apphb.com/

 

 

X-editable

링크를 클릭하면 팝오버 창이 나타나서 해당 내용을 수정할 수 있는 폼 에디터입니다.

프로그램 사이트 : http://vitalets.github.com/x-editable/

데모 사이트 : http://vitalets.github.com/x-editable/demo.html

 

 

jqBootstrapValidation

폼 유효성 검사 플러그인입니다.

프로그램 사이트 및 데모 사이트 : http://reactiveraven.github.com/jqBootstrapValidation/

 

PRETTYCHECKABLE

체크박스와 라디오버튼을 다른 모양으로 만들 수 있습니다.

프로그램 사이트 및 데모 사이트 : http://arthurgouveia.com/prettyCheckable/

 

Bootstrap toggle buttons

토글 버튼

프로그램 사이트 : https://github.com/nostalgiaz/bootstrap-switch

데모 사이트 : http://www.larentis.eu/switch/

 

 

Bootstrap Timepicker

타임 피커

프로그램 사이트 : https://github.com/jdewit/bootstrap-timepicker

데모 사이트 : http://jdewit.github.com/bootstrap-timepicker/

 

 

JASNY BOOTSTRAP

트위터 부트스트랩을 변형하여 여러가지 기능을 추가한 별개의 프레임워크입니다.

프로그램 사이트 및 데모 사이트 : http://jasny.github.com/bootstrap/

 

 

jquery-addresspicker

주소를 입력하면 지도가 나타나고 마커를 이동하면 주소가 업데이트됩니다.

프로그램 사이트 : https://github.com/elmariachi111/jquery-addresspicker

데모 사이트 :

http://mngscl-10.s3-website-us-east-1.amazonaws.com/jquery-addresspicker-bootstrap/demos/index.html

 

 

jQuery File Upload

파일 업로더

프로그램 사이트 : https://github.com/blueimp/jQuery-File-Upload

데모 사이트 : http://blueimp.github.com/jQuery-File-Upload/

 

 

Bootstrap Context Menu

오른쪽 마우스 클릭하면 컨텍스트 메뉴가 나타납니다.

프로그램 사이트 : https://github.com/sydcanem/bootstrap-contextmenu

데모 사이트 : http://jsfiddle.net/msurguy/PG5HU/

 

 

Bootstrap Context Menu

부트스트랩 타이프어헤드의 기능을 확장시켰습니다.

프로그램 사이트 : https://github.com/tcrosen/twitter-bootstrap-typeahead

 

Fine Uploader

파일 업로더입니다.

프로그램 사이트 및 데모 사이트 :http://fineuploader.com/

 

 

Very simple jQuery color picker

폼에 컬러피커를 추가할 수 있습니다.

프로그램 사이트 : https://github.com/tkrotoff/jquery-simplecolorpicker

데모 사이트 : http://plnkr.co/edit/VVclW0?p=preview

 

 

bootstrap-wysihtml5

textarea에 간단한 구조의 편집기 도구모음을 추가할 수 있습니다.

프로그램 사이트 : https://github.com/jhollingworth/bootstrap-wysihtml5

데모 사이트 : http://jhollingworth.github.com/bootstrap-wysihtml5/

 

 

Bootstrap Form Helpers

다양한 폼을 만들 수 있습니다.

프로그램 사이트 : https://github.com/vlamanna/BootstrapFormHelpers

데모 사이트 : http://vincentlamanna.com/BootstrapFormHelpers/

 

 

bootstrap-datetimepicker

날짜 시간 피커입니다.

프로그램 사이트 및 데모 사이트 : http://tarruda.github.com/bootstrap-datetimepicker/

 

 

Bootstrap Multiselect

다양한 형태의 다중 선택박스

프로그램 사이트 : https://github.com/davidstutz/bootstrap-multiselect

데모 사이트 : http://davidstutz.github.com/bootstrap-multiselect/

 

 

 

d3-bootstrap-plugins

이 플러그인은 수많은 점이 만들어지고 각 점마다 마우스를 올리면 팝오버가 나타납니다. 아직 적당한 사용처를 알아내지 못했지만 유용할 듯합니다.

프로그램 사이트 : https://github.com/zmaril/d3-bootstrap-plugins

데모 사이트 : http://bl.ocks.org/zmaril/3012212

 

bootstrap-notify

다양한 형태의 알림 메시지를 만들 수 있는 플러그인입니다.

프로그램 사이트 : https://github.com/Nijikokun/bootstrap-notify

데모 사이트 : http://nijikokun.github.com/bootstrap-notify/

 

 

Nod

폼 유효성 검사 플러그인입니다.

프로그램 사이트 : https://github.com/casperin/nod

데모 사이트 : http://casperin.github.com/nod/

 

 

BootMetro

윈도우 8 형태의 테마를 만들 수 있는 부트스트랩 프레임워크입니다.

프로그램 사이트 및 데모 사이트 : http://aozora.github.com/bootmetro/

 

 

Bootstrap Dual Listbox

선택 항목을 좌우로 이동해서 활성화시키는 기능입니다. 이메일목록에서 원하는 이메일을 추출하는 기능에 사용될 수 있습니다.

프로그램 사이트 : https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox

데모 사이트 : http://www.virtuosoft.eu/code/bootstrap-duallistbox/

 

jquery-bootpag

컨텐트를 페이지로 만들 수 있는 플러그인입니다.

프로그램 사이트 및 데모 사이트 : http://botmonster.com/jquery-bootpag/#pro-page-7

 

tableclothjs

다양한 형태의 테이블을 만들 수 있습니다.

http://tableclothjs.com/

 

 

pagedown-bootstrap

간단한 구조의 위지윅 편집기를 만들 수 있습니다.

프로그램 사이트 : https://github.com/samwillis/pagedown-bootstrap

데모 사이트 : http://samwillis.co.uk/pagedown-bootstrap/demo/browser/demo.html

 

 

Twitter Bootstrap: Dropdown on Hover Plugin

부트스트랩의 메뉴바는 클릭해야 드롭다운 메뉴가 나타나지만 마우스를 올렸을 때 메뉴가 나타나게 할 수 있는 플러그인입니다.

프로그램 사이트 : http://cameronspear.com/blog/twitter-bootstrap-dropdown-on-hover-plugin/

데모 사이트 : http://cameronspear.com/demos/twitter-bootstrap-hover-dropdown/

 

 

CSS3 Microsoft Modern Buttons

윈도우 8  형태의 버튼을 만들 수 있습니다.

프로그램 사이트 및 데모 사이트 : http://ace-subido.github.com/css3-microsoft-metro-buttons/index.html

 

Bootstrap Modal

부트스트랩에는 기본적으로 팝업창인 모달이 포함돼있지만 한가지 종류만 있습니다. 이 플러그인은 다양한 형태의 모달을 제공합니다.

프로그램 사이트 : https://github.com/jschr/bootstrap-modal/

데모 사이트 : http://jschr.github.com/bootstrap-modal/

 

 

Fuel UX

트위터 부트스트랩에는 이미 폼을 만들기 위한 스타일시트가 있지만 이 플러그인을 사용하면 부트스트랩의 폼을 더욱 확장시킬 수 있습니다.

프로그램 사이트 : https://github.com/ExactTarget/fuelux

데모 사이트 : http://exacttarget.github.com/fuelux/

 

 

jQuery slimScroll

일정한 범위의 컨텐트를 스크롤할 수 있는 기능입니다.

프로그램 사이트 : https://github.com/rochal/jQuery-slimScroll

데모 사이트 : http://rocha.la/jQuery-slimScroll

 

 

Bootstrap-progressbar

프로그레스 바를 색상별로 분리할 수 있는 플러그인입니다.

프로그램 사이트 : https://github.com/geersch/bootstrap-progressbar

데모 사이트 : http://geersch.github.com/bootstrap-progressbar/demo.html

 

 

Bootstrap video player

HTML5 비디오 플레이어를 만들 수 있는 플러그인입니다.

프로그램 사이트 : http://html5-ninja.com/item/Bootstrap-video-player-jQuery-plugin/5

데모 사이트 : http://html5-ninja.com/preview/index/5#.UTBERIMz3DP

 

 

 

Acc-wizard

부트스트랩의 어코디언을 이용한 위자드(마법사)를 만들 수 있는 플러그인입니다. 이를 응용해서 쇼핑몰의 결제 단계별 과정이나 프로그램의 설치과정, 튜토리얼을 만들 수 있습니다.

프로그램 사이트: https://github.com/sathomas/acc-wizard

데모 사이트: http://sathomas.me/acc-wizard/#prerequisites

 

 

bootstrap-lightbox

이미지를 클릭하면 큰 이미지의 팝업창이 나오는 라이트 박스입니다.

프로그램 사이트: https://github.com/jbutz/bootstrap-lightbox

데모사이트: http://jbutz.github.com/bootstrap-lightbox/

 

 

Bootstrap-Image-Gallery

이미지 갤러리를 만들 수 있는 플러그인입니다.

프로그램 사이트: https://github.com/blueimp/Bootstrap-Image-Gallery

데모사이트: http://blueimp.github.com/Bootstrap-Image-Gallery/

 

 

Tocify

제목 태그를 목록화해서 목차를 자동으로 만들어주며 스크롤해서 내릴 경우 해당 목차가 나타나고 목차를 클릭하면 해당 컨텐트로 애니메이션 되면서 이동합니다.

프로그램 사이트: https://github.com/gfranko/jquery.tocify.js

데모사이트: http://gregfranko.com/jquery.tocify.js/

 

 

Bootstrap-Arrows

부트스트랩 디자인 형태의 화살표를 만듭니다.

프로그램 사이트: https://github.com/iarfhlaith/Bootstrap-Arrows

데모사이트: http://bootstrap-arrows.iarfhlaith.com/

출처 : http://imagestory.net/?p=680