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
'Development > Javascript' 카테고리의 다른 글
[Angular] TS2339:Property 'curveBasis' does not exist on type 'typeof d3'. (0) | 2017.08.12 |
---|---|
[NPM] macOS에서 npm install 중에 발생하는 에러 (0) | 2017.07.17 |
[Javascript] JSON.parse() 사용 방법 feat. Object.assign (0) | 2017.05.27 |
[Javascript] Array.every() 사용 방법 (0) | 2017.05.25 |
[Angular] Typescript로 다른 Router-Outlet의 화면 변경하기 (0) | 2017.05.23 |