본문 바로가기

Development/Javascript

[Angular] Angular2 Component 사이트들

728x90

1. Angular Script

오픈소스 컴포넌트만 있어 좋다 ㅎ

Site : http://angularscript.com/


2. Angular Expo

여긴 상용/프리가 섞여 있는 것 같다.

Site : http://angularexpo.com/


3. Material Side Menu

말 그대로 옆에 나오는 메뉴 컴포넌트. AngularJS 용인듯...ㅜㅜ

Site : https://github.com/marcosmoura/angular-material-sidemenu

Demo : http://marcosmoura.com/angular-material-sidemenu/


4. Gridster2

대시보드 꾸미기 좋은 컴포넌트

Site : https://github.com/tiberiuzuld/angular-gridster2

Demo : https://tiberiuzuld.github.io/angular-gridster2/angular/



5. Gridster2

대시보드 꾸미기 좋은 컴포넌트

Site : https://github.com/arkon/ng-sidebar

Demo : https://echeung.me/ng-sidebar/


5. Angular2 Grid Demo

대시보드 꾸미기 좋은 컴포넌트

Site : https://github.com/BTMorton/angular2-grid

Demo : https://bmorton.co.uk/angular/


6. Expandable List( Collapse )

Site : https://github.com/andreasonny83/angular2-expandable-list

Demo : https://embed.plnkr.co/uAPJq0/


7. ng-bootstrap

Bootstrap4를 Angular에서 쓰기 편하게 해놓은 컴포넌트. 컴포넌트로는 Accordion, Alert, Buttons, Carousel, Collapse, Datepicker, Dropdown, Modal, Pagination, Popover, Rating, Tabs, Timepicker, Tooltip, Typeahead 가 있다.

Site : https://ng-bootstrap.github.io


8. NG2-UI

7번과 비슷하다. (Bootstrap은 사용하지 않지만.) 컴포넌트로는 Auto Complete, Datetime Picker, Google Map, Infinite List, Tab, Accordion, Toolip, Menu, Parallax Scroll, Overlay, Popup, Scrollable, Sortable, Sticky Section이 있다.

Site : https://ng2-ui.github.io/dist/#/getting-started


9. Angular Progressbar

최상단에 Progress Bar를 넣어서 페이지가 로딩되는 효과를 보여준다.

Site : https://murhafsousli.github.io/ngx-progressbar/


10. Ladda

Ladda( 버튼에 Loading 표시 해주는 컴포넌트 )를 Angular에서 사용할 수 있게 해준다.

Site : https://github.com/moff/angular2-ladda

Site(원래 컴포넌트) : http://lab.hakim.se/ladda/


10. Ladda

파일 업로드 컴포넌트

Site : https://valor-software.com/ng2-file-upload/


11. Select

Site : https://valor-software.com/ng2-select/


12. Dragula

Drag & Drop을 편하게 해주는 컴포넌트

Site: https://github.com/valor-software/ng2-dragula


13. 개발자를 위한 27가지 컴포넌트

Site: https://colorlib.com/wp/angular-2-components/


14. 누군가 정리한 사이트

Site: https://github.com/brillout/awesome-angular-components





















반응형