material2
Component infrastructure and Material Design components for Angular [Moved to: https://github.com/angular/components] (by angular)
nebular
:boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode (by akveo)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
material2 | nebular | |
---|---|---|
13 | 8 | |
22,620 | 8,016 | |
- | 0.3% | |
9.9 | 5.6 | |
about 2 years ago | about 2 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
material2
Posts with mentions or reviews of material2.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-06-08.
-
How to open and close Angular mat menu on hover
This question is in reference to this Github issue, with mat-menu which can't be toggled using mouse hover, I am basically trying to replace a bootstrap based horizontal navigation menu with angular material's menu. The only thing keeping me from replicating bootstrap based menu is opening and closing mat-menu on hover.As mentioned in the above Github issue there are some workarounds to achieve what I want, like using, mouseEnter
-
Working example of Angular 2.0 Material MdDialog with Angular 2.0
Angular 2 Material: https://github.com/angular/material2
-
Trying to install Angular 2 Material from npm - unrecognized token in source text
Update: I found the following issue on A2M GitHub - seems like it might be an issue with PS. https://github.com/angular/material2/issues/297
-
Extend/Override style of reusable angular2 component
Assuming we want to use a component from some library in angular2 (example from material2). The component annotation looks like this:
- day incorrect in angular material datepicker
-
Angular2 Material Dialog css, dialog size
Angular2 material team recently released the MDDialog https://github.com/angular/material2/blob/master/src/lib/dialog/README.md
-
Material design component "is not a known element" in Angular2
Angular I have a hybrid Angular1 and Angular2 application. In one of the Angular2 components that I route to, I want to use a Material Design Button. When I insert a button into the template like this foo the application starts crashing with this console message Error: Template parse errors:'md-button' is not a known element:1. If 'md-button' is an Angular component, then verify that it is part of this module.2. If 'md-button' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("Job[ERROR ->]material"): JobComponent@0:12 at TemplateParser.parse (http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:8321:21) So, it might sound like it is case 1 in the message, but I have tried the advice given in this answer to add MdButton to the imports property of my NgModule (which already contained MaterialModule.forRoot() as adviced by the documentation) , but if I do, the whole application goes blank without errors in the console. Here is some of the relevant code import { UIRouterModule } from "ui-router-ng2";import { Ng1ToNg2Module, uiRouterNgUpgrade } from "ui-router-ng1-to-ng2";import { MaterialModule, MdButton } from '@angular/material';const upgradeAdapter: UpgradeAdapter = new UpgradeAdapter( forwardRef(() => XamFlowNg2Module));uiRouterNgUpgrade.setUpgradeAdapter(upgradeAdapter);angular.module("xamFlow") .factory("consoleService", upgradeAdapter.downgradeNg2Provider(ConsoleService));/* * Expose our ng1 content to ng2 */upgradeAdapter.upgradeNg1Provider("restService");@NgModule({ declarations: [ JobComponent, ], entryComponents: [ // Components that are routed to must be listed here, otherwise you'll get "No Component Factory" JobComponent, ], imports: [ CommonModule, BrowserModule, FormsModule, HttpModule, Ng1ToNg2Module, MaterialModule.forRoot() ], providers: [ ConsoleService, ImageService ]})class MyModule { }upgradeAdapter.bootstrap(document.body, ["myApp"]); Answer link : https://codehunter.cc/a/angular/material-design-component-is-not-a-known-element-in-angular2
- Angular 2 Material - How To Center Progress Spinner
-
Difference between ng add <package name> vs npm install <package name> in angular 6
As Angular6 has been released, They have added a new command ng add . Can anyone tell me what will be the difference between existing command npm install and ng add
-
How to use .forRoot() within feature modules hierarchy
@NgModule({ imports: [ FeatureModuleA1.forRoot(), FeatureModuleA2.forRoot(), FeatureModuleA.forRoot(), SharedModule.forRoot() ]})class MainModule { } Am I right? Before you answer please take a look at this file:https://github.com/angular/material2/blob/master/src/lib/module.ts
nebular
Posts with mentions or reviews of nebular.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-12-11.
-
The big Angular UI library comparison 📚
Nebular (MIT license)
-
What are your favorite component libraries for angular beside angular material ?
https://akveo.github.io/nebular/ I find this lib more visually appealing than angular material.
-
Top 6 Angular Component Libraries
Nebular
-
SmartHome - your home data in real time!
Admin template based on Angular 10+ and Nebular
-
Selector not working inside <nb-layout> tag.
I am using the angular nebular UI library and in my app.component.html I have done this
-
hello, I am making an project. can you please suggest me UI libraries for angular?
However, Nebular looks reaaaaallly cool as well. I'm having trouble getting the hang of using it but that might just be me. Look into both.
- Angular material vs ng antd vs prime ng
-
The Ultimate Angular Resources🛠 For Developers👨💻
Nebular - set of essential (Theme, UI Kit, AUTH, Security) modules for complex Angular applications
What are some alternatives?
When comparing material2 and nebular you can also consider the following projects:
ej2-angular-ui-components - Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.
ngx-datatable - ✨ A feature-rich yet lightweight data-table crafted for Angular