Skip to content
This repository was archived by the owner on Apr 5, 2018. It is now read-only.

Commit 97f529f

Browse files
brandon93sbrandon93s
committed
Add Full UI Frameworks to components
1 parent 0b522e6 commit 97f529f

File tree

10 files changed

+193
-29
lines changed

10 files changed

+193
-29
lines changed

‎angular/components/readme.md

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
# Full UI Frameworks
2+
3+
### Responsive
4+
5+
*Set of components + responsive layout system*
6+
7+
- [ng2-bootstrap](https://github.com/valor-software/ng2-bootstrap) - Native Angular directives for Bootstrap.
8+
- [@ng-bootstrap/ng-bootstrap](https://github.com/ng-bootstrap/ng-bootstrap) - Angular powered Bootstrap.
9+
- [ng-semantic](https://github.com/vladotesanovic/ngSemantic) - Angular 2 building blocks based on Semantic UI.
10+
- [angular2-materialize](https://github.com/InfomediaLtd/angular2-materialize) - Angular 2 support for Materialize CSS framework.
11+
- [ng2-semantic-ui](https://github.com/edcarroll/ng2-semantic-ui) - Semantic UI Angular 2 Integrations -- no JQuery required --.
12+
- [clarity-angular](https://github.com/vmware/clarity) - Clarity Design System: UX guidelines, HTML/CSS framework, and Angular 2 components working together to craft exceptional experiences.
13+
- [@covalent/core](https://github.com/teradata/covalent) - Teradata UI Platform built on Angular-Material 2.0.
14+
15+
### Component Collections
16+
17+
*Set of components without layout system*
18+
19+
- [@angular/material](https://github.com/angular/material2) - Official Material Design components for Angular.
20+
- [primeng](https://github.com/primefaces/primeng) - UI Components for Angular 2.
21+
- [ng-lightning](https://github.com/ng-lightning/ng-lightning) - Native Angular 2 components & directives for Lightning Design System.
22+
- [angular2-mdl](https://github.com/mseemann/angular2-mdl) - Angular 2 components, directives and styles based on material design lite.
23+
- [fuel-ui](https://github.com/FuelInteractive/fuel-ui) - UI Components for use with Angular2 and Bootstrap4.
24+
- [igniteui-angular2](https://github.com/IgniteUI/igniteui-angular2) - Ignite UI directives for Angular 2.
25+
- [md2](https://github.com/Promact/md2) - Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.
26+
- [igniteui-js-blocks](https://github.com/IgniteUI/igniteui-js-blocks) - Mobile-first Angular native components.
27+
- [devextreme-angular](https://github.com/DevExpress/devextreme-angular) - Angular 2 UI and visualization components based on DevExtreme widgets.
28+
- [ng-zorro-antd](https://github.com/NG-ZORRO/ng-zorro-antd) - An enterprise-class UI components based on Ant Design and Angular.
29+
30+
### Mobile
31+
32+
- [ionic2](https://github.com/driftyco/ionic) - Build amazing native and progressive web apps with Angular and open web technologies. One app running on everything.
33+
- [angular2-onsenui](https://github.com/onsenui/onsenui) - Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

‎angular/i13n/readme.md

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎angular/readme.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,6 @@
1919

2020
## Evaluation Criteria
2121

22-
| Criteria | Details |
23-
| ------------------------- | --------------------- |
24-
| [i18n](/criteria/i13n.md) | [view](/angular/i13n) |
22+
| Criteria | Details |
23+
| ------------------------------------- | --------------------------- |
24+
| [Components](/criteria/components.md) | [view](/angular/components) |

‎criteria/components.md

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,5 +14,8 @@ Evaluate what component and companion libraries are available and actively maint
1414

1515
### Evaluated Candidates
1616

17-
| Candidate | Details |
18-
| --------- | ------- |
17+
| Candidate | Details |
18+
| ------------------- | --------------------------- |
19+
| [Angular](/angular) | [view](/angular/components) |
20+
| [React](/react) | [view](/react/components) |
21+
| [Vue.js](/vuejs) | [view](/vuejs/components) |

‎criteria/i13n.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,5 @@ Evaluate if there is an established pattern or companion library for internation
99

1010
### Evaluated Candidates
1111

12-
| Candidate | Details |
13-
| ------------------- | --------------------- |
14-
| [Angular](/angular) | [view](/angular/i13n) |
12+
| Candidate | Details |
13+
| --------- | ------- |

‎react/components/readme.md

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
# Full UI Frameworks
2+
3+
### Responsive
4+
5+
*Set of components + responsive layout system*
6+
7+
- [elemental](https://github.com/elementalui/elemental) - A flexible and beautiful UI framework for React.js.
8+
- [rctui](https://github.com/Lobos/react-ui) - A collection of components for React.
9+
- [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX.
10+
- [react-uikit-components](https://github.com/otissv/react-uikit-components) - React UIkit Components for the UIKit CSS framework.
11+
- [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.
12+
- [rebass](https://github.com/jxnblk/rebass) - Configurable React Stateless Functional UI Components.
13+
- [react-foundation-apps](https://github.com/akiran/react-foundation-apps) - Foundation Apps components built with React.
14+
- [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications.
15+
- [@blueprintjs/core](https://github.com/palantir/blueprint) - Core styles & components.
16+
- [react-foundation](https://github.com/nordsoftware/react-foundation) - Foundation as React components.
17+
- [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration.
18+
- [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library.
19+
- [antd](https://github.com/ant-design/ant-design) - A UI Design Language.
20+
21+
22+
#### Bootstrap
23+
24+
- [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap 3 components built with React.
25+
- [reactstrap](https://github.com/reactstrap/reactstrap) - Simple React Bootstrap 4 components.
26+
27+
28+
#### Material Design
29+
30+
- [react-mdl](https://github.com/tleunen/react-mdl) - React Components for Material Design Lite.
31+
- [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss.
32+
- [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design specification with the power of CSS Modules.
33+
- [react-material](https://github.com/BerkeleyTrue/react-material) - Material design components written with React.js and React Style.
34+
- [material-ui](https://github.com/callemall/material-ui) - React Components that Implement Google's Material Design.
35+
- [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework.
36+
37+
38+
### Mobile
39+
40+
- [onsenui](https://github.com/OnsenUI/OnsenUI) - Hybrid Mobile App UI Framework for iOS and Material Design with Angular and React Components.
41+
- [reactionic](https://github.com/reactionic/reactionic) - React Ionic.
42+
- [touchstonejs](https://github.com/touchstonejs/touchstonejs) - Mobile App Framework powered by React.
43+
- [antd-mobile](https://github.com/ant-design/ant-design-mobile) - A configurable Mobile UI.
44+
45+
46+
### Component Collections
47+
48+
*Set of components without layout system*
49+
50+
- [dataminr-react-components](https://github.com/dataminr/react-components) - Collection of reusable React Components and utility functions.
51+
- [react-components](https://github.com/Khan/react-components) - React components used by Khan Academy.
52+
53+
54+
### Other
55+
56+
- [react-desktop](https://github.com/gabrielbull/react-desktop) - React UI Components for macOS Sierra and Windows 10.
57+
- [aframe-react](https://github.com/ngokevin/aframe-react) - Build virtual reality experiences with A-Frame and React.
58+
- [admin-on-rest](https://github.com/marmelab/admin-on-rest) - A frontend framework for building admin SPAs on top of REST services, using React and Material Design.
59+

‎react/readme.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,5 +19,6 @@
1919

2020
## Evaluation Criteria
2121

22-
| Criteria | Details |
23-
| -------- | ------- |
22+
| Criteria | Details |
23+
| ------------------------------------- | ------------------------- |
24+
| [Components](/criteria/components.md) | [view](/react/components) |

‎readme.md

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -24,22 +24,22 @@ The goal of *ui-framework-comparison* is to provide an objective, criteria-based
2424

2525
## Evaluation Criteria
2626

27-
| Criteria | Angular | React | Vue.js |
28-
| ----------------------------------------------------------------- | --------------------- | ------ | ------ |
29-
| [Components](/criteria/components.md) | (todo) | (todo) | (todo) |
30-
| [Dev Experience](/criteria/dev-experience.md) | (todo) | (todo) | (todo) |
31-
| [Incremental Adoptability](/criteria/incremental-adoptability.md) | (todo) | (todo) | (todo) |
32-
| [i18n](/criteria/i13n.md) | [view](/angular/i13n) | (todo) | (todo) |
33-
| [Learning Curve](/criteria/learning-curve.md) | (todo) | (todo) | (todo) |
34-
| [Language](/criteria/languages.md) | (todo) | (todo) | (todo) |
35-
| [License](/criteria/licensing.md) | (todo) | (todo) | (todo) |
36-
| [Mobile & Native Support](/criteria/mobile-native-support.md) | (todo) | (todo) | (todo) |
37-
| [PDF Export & Rendering](/criteria/pdf-export-rendering.md) | (todo) | (todo) | (todo) |
38-
| [Performance & Scalability](/criteria/performance-scalability.md) | (todo) | (todo) | (todo) |
39-
| [Server Side Rendering](/criteria/ssr.md) | (todo) | (todo) | (todo) |
40-
| [Support & Community](/criteria/support-community.md) | (todo) | (todo) | (todo) |
41-
| [Testing](/criteria/testing.md) | (todo) | (todo) | (todo) |
42-
| [Theming](/criteria/theming.md) | (todo) | (todo) | (todo) |
27+
| Criteria | Angular | React | Vue.js |
28+
| ----------------------------------------------------------------- | --------------------------- | ------------------------- | ------------------------- |
29+
| [Components](/criteria/components.md) | [view](/angular/components) | [view](/react/components) | [view](/vuejs/components) |
30+
| [Dev Experience](/criteria/dev-experience.md) | (todo) | (todo) | (todo) |
31+
| [Incremental Adoptability](/criteria/incremental-adoptability.md) | (todo) | (todo) | (todo) |
32+
| [i18n](/criteria/i13n.md) | (todo) | (todo) | (todo) |
33+
| [Learning Curve](/criteria/learning-curve.md) | (todo) | (todo) | (todo) |
34+
| [Language](/criteria/languages.md) | (todo) | (todo) | (todo) |
35+
| [License](/criteria/licensing.md) | (todo) | (todo) | (todo) |
36+
| [Mobile & Native Support](/criteria/mobile-native-support.md) | (todo) | (todo) | (todo) |
37+
| [PDF Export & Rendering](/criteria/pdf-export-rendering.md) | (todo) | (todo) | (todo) |
38+
| [Performance & Scalability](/criteria/performance-scalability.md) | (todo) | (todo) | (todo) |
39+
| [Server Side Rendering](/criteria/ssr.md) | (todo) | (todo) | (todo) |
40+
| [Support & Community](/criteria/support-community.md) | (todo) | (todo) | (todo) |
41+
| [Testing](/criteria/testing.md) | (todo) | (todo) | (todo) |
42+
| [Theming](/criteria/theming.md) | (todo) | (todo) | (todo) |
4343

4444
## Contributing
4545
Read the [Contributing Guide](contributing.md) to get started.

‎vuejs/components/readme.md

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
# Full UI Frameworks
2+
3+
### Responsive
4+
5+
*Set of components + responsive layout system*
6+
7+
- [quasar-framework](https://github.com/quasarframework/quasar) - Quasar Framework. Build responsive websites, hybrid mobile Apps (that look native on Android and iOS) and Electron apps using same code, with VueJs 2.
8+
- [vue-material](https://github.com/vuematerial/vue-material) - Material design for Vue.js.
9+
- [vuetify](https://github.com/vuetifyjs/vuetify) - Material Component Framework for Vue.js 2.
10+
- [muse-ui](https://github.com/museui/muse-ui) - Material Component library for Vue.js 2.
11+
- [buefy](https://github.com/rafaelpimpa/buefy) - Components based on Bulma framework.
12+
- [element-ui](https://github.com/ElemeFE/element) - A Vue.js 2.0 UI Toolkit for Web.
13+
- [vulma](https://vulma.org) - Vue + Bulma = Vulma.
14+
- [vue-bulma-components](https://github.com/vouill/vue-bulma-components) - Easily use bulma class syntax with vue components.
15+
- [iview-ui](https://www.iviewui.com) - A Vue.js 2.0 UI Framework for web.
16+
- [AT-UI](https://at.aotu.io) - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0
17+
- [v-semantic](https://www.npmjs.com/package/v-semantic) - Implementation of [semantic-ui](https://semantic-ui.com/) for Vue
18+
- [bootstrap-vue](https://bootstrap-vue.github.io) - Implementation of [bootstrap-4](https://v4-alpha.getbootstrap.com/) grid and components for Vue.js 2.
19+
- [fish-ui](https://myliang.github.io/fish-ui) - A Vue.js 2.0 UI Toolkit for Web
20+
- [Zircle UI](https://zircleui.github.io/zircleUI/) - A circular zooming UI library based on Vue.js 2.
21+
- [vue-mdc-adapter](https://github.com/stasson/vue-mdc-adapter) - Material Components integration for Vue.js as per MDC Team's [guidelines](https://github.com/material-components/material-components-web/blob/master/docs/integrating-into-frameworks.md).
22+
23+
### Mobile
24+
25+
*UI frameworks for mobile*
26+
27+
- [Framework7-Vue](https://github.com/nolimits4web/Framework7-Vue) - Build full featured iOS & Android apps using Framework7 & Vue.
28+
- [vux](https://github.com/airyland/vux) - [Chinese] Vue UI Components based on WeUI.
29+
- [vue-onsenui](https://github.com/OnsenUI/OnsenUI) - Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
30+
- [Weex](https://weex.incubator.apache.org/) - Weex provides the ability to publish cross platform, so web, Android, and IOS apps can use the same API development functions.
31+
32+
### Component Collections
33+
34+
*Set of components without layout system*
35+
36+
- [vue-mdc](https://github.com/posva/vue-mdc) - Material Components Web for Vue.js.
37+
- [keen-ui](https://github.com/JosephusPaye/Keen-UI) - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
38+
- [vue-admin](https://github.com/vue-bulma/vue-admin) - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.
39+
- [vuikit](https://github.com/vuikit/vuikit) - UIkit with all the power of Vue.
40+
- [uiv](https://github.com/wxsms/uiv) Bootstrap3 components implemented by Vue2.
41+
- [yuche/vue-strap](https://github.com/yuche/vue-strap) - Bootstrap 3 components built with Vue.js 1
42+
- [wffranco/vue-strap](https://github.com/wffranco/vue-strap) - Bootstrap 3 components built with Vue.js 2
43+
- [N3-components](https://github.com/N3-components/N3-components) - Beautiful Web Components built with Vue 2
44+
- [jsmod-vue-pc](https://github.com/chaogao/jsmod-pc-vue) - Highly scalable web components for vue 2.0
45+
- [guilhermewaess/SemVue](https://github.com/guilhermewaess/SemVue) - Semantic-ui Modules implemented with Vue 2
46+
- [office-ui-fabric-vue](https://github.com/aidewoode/office-ui-fabric-vue) - Office UI Fabric implementation for Vue.js
47+
- [vuestic-admin](https://github.com/epicmaxco/vuestic-admin) - Vue Admin Dasboard with collection of custom components. Built with Vue 2 and Bootstrap 4
48+
49+
###### Mobile
50+
51+
*Set of components for mobile*
52+
53+
- [mint-ui](https://github.com/ElemeFE/mint-ui) - Mobile UI elements for Vue.js.
54+
- [vant](https://github.com/youzan/vant) - A Vue.js 2.0 Mobile UI From YouZan.
55+
- [cube-ui](https://didi.github.io/cube-ui) - A fantastic mobile ui lib implement by Vue.js 2.
56+
57+
### Admin Template
58+
59+
*Set of admin template*
60+
61+
- [iView Vue Admin](https://github.com/TonyLuo/iview-vue-admin) - iView vue Admin / An admin management system template
62+
63+
### Other
64+
65+
- [nuxt](https://github.com/nuxt/nuxt.js) - Versatile Vue.js Framework.
66+
- [app-framework](https://github.com/scriptPilot/app-framework) - IOS and Android Apps with HTML & JavaScript - develop, build and deploy - free and open source.
67+
- [Myfirebase](https://github.com/myfirebase/myfirebase) - A decoupled Single page application Framework which is highly compatible with google firebase.
68+
69+

‎vuejs/readme.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,5 +19,6 @@
1919

2020
## Evaluation Criteria
2121

22-
| Criteria | Details |
23-
| -------- | ------- |
22+
| Criteria | Details |
23+
| ------------------------------------- | ------------------------- |
24+
| [Components](/criteria/components.md) | [view](/vuejs/components) |

0 commit comments

Comments
 (0)