ngx-materialize - Angular wrap around Materialize library

  •        80

This library is an Angular wrap around Materialize library, a responsive CSS/JS framework that implements Material Design specifications from Google. The main purpose of this library is to simplify the usage of Materialize within the Angular framework which make it more dynamic. To illustrate this, we have Playground sections in several component demo pages.

https://sherweb.github.io/ngx-materialize/
https://github.com/sherweb/ngx-materialize

Dependencies:

@angular/animations : ^6.0.0
@angular/common : ^6.0.0
@angular/compiler : ^6.0.0
@angular/core : ^6.0.0
@angular/forms : ^6.0.0
@angular/http : ^6.0.0
@angular/platform-browser : ^6.0.0
@angular/platform-browser-dynamic : ^6.0.0
@angular/router : ^6.0.0
@mdi/font : ^2.4.85
core-js : ^2.5.4
highlightjs : ^9.10.0
ngx-malihu-scrollbar : ^1.3.2
ngx-markdown : ^1.6.0
ngx-materialize : file:./lib
rxjs : ^6.0.0
web-animations-js : ^2.3.1
zone.js : ^0.8.26

Tags
Implementation
License
Platform

   




Related Projects

angular2-materialize - Angular 2 support for Materialize CSS framework.

  •    TypeScript

This library adds support for the Materialize CSS framework in Angular 2. It is needed to add the dynamic behavior of Materialize CSS that is using JavaScript rather than plain CSS. To use the library you need to import it once per project and then use its MaterializeDirective directive for binding it to any component that needs a dynamic behavior, like collapsible panels, tooltips, etc.

ember-cli-materialize - Material Design (via Materialize) for Ember.js Apps

  •    Javascript

An ember-cli addon for using Materialize (CSS Framework based on Material Design) in Ember applications. The online demo demonstrates all components with all possible options.

ngx-auth-firebaseui - Angular Material UI component for firebase authentication

  •    TypeScript

Angular UI component for firebase authentication. This library is an angular module (including angular components and services) that allows to authenticate your users with your firebase project. NgxAuthFirebseUI is compatible with angular material and angular flexLayout.

materialize - Materialize, a CSS Framework based on Material Design

  •    Javascript

Read the getting started guide for more information on how to use materialize. The documentation can be found at http://materializecss.com. To run the documentation locally on your machine, you need Node.js installed on your computer.

Materialize - 🎨 Elegant themes for Sublime Text 3

  •    Python

This project is no longer under active development. Due to the fact that the original Material Theme is no longer being developed and the fact that I switched from Sublime to Atom, Materialize will no longer be maintained. However, the project will continue to accept Pull Requests. Bringing Material theme to the some of the most popular color schemes for Sublime Text 3 and Sublime Text 3 dev. Click here to see some more screenshots.


Materialize - A easy helper library for Android to manage your applications StatusBarShadow, FullScreen behavior and much more over API Levels down to 10

  •    Java

Materialize comes with useful helper classes, the complete material color palette, and many additional utils. Use its theme as base. Let it manage your StatusBar, NavigationBar, Fullscreen behavior...

ngx-formly - JavaScript powered FORMS for Angular 2.x and above

  •    TypeScript

@ngx-formly is an Angular module which has a Components to help customize and render JavaScript/JSON configured forms. The formly-form Component and the FormlyConfig service are very powerful and bring unmatched maintainability to your application's forms.Follow these steps to get started with ng-formly. Also check out our demos for further examples.

starter-kit - :package: Angular 6+ starter kit for enterprise-grade projects

  •    TypeScript

Web project starter kit including modern tools and workflow based on angular-cli, best practices from the community, a scalable base template and a good learning base. Generated using ngX-Rocket.

generator-ngx-rocket - :rocket: Extensible Angular 6+ enterprise-grade project generator

  •    TypeScript

See generated project example here. A complete starter template: example app structure tailored for scalability, with examples and boilerplate code for every common thing needed in enterprise projects, such as unit tests, routing, authentication, HTTPS service extensions, i18n support with dynamic language change and automatic user language detection...

material-kit - Free Bootstrap Material Design UI Kit

  •    CSS

Material Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project. Material Kit makes use of light, surface and movement. It uses a deliberate color choice, edge-to-edge imagery and large scale typography. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left and the actions on the right.

ng-material-floating-button - Material design floating menu with action buttons implemented as an Angularjs directive

  •    Javascript

Material design floating action button implemented as an Angularjs directive. Shamelessly inspired by action buttons from Google Inbox, Evernote and Path. Made to be fast and easy to customise. It works out of the box with no other dependency apart from Angular, but plays nicely with the Angular Material bundle, for which it has dedicated templates.

material-dashboard-angular2 - Material Dashboard Angular 4

  •    CSS

Material Dashboard Angular is a free Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements. Material Dashboard makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.

material-dashboard - Material Dashboard - Open Source Bootstrap 4 Material Design Admin

  •    CSS

Material Dashboard is a free Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements. Material Dashboard makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.

django-material - Material Design for Django

  •    CSS

Material design for Django. To checkout and run open source demo version locally, you need to have git and tox tools installed.

material-ui - React components that implement Google's Material Design.

  •    Javascript

React components that implement Google's Material Design. Material-UI is available as an npm package.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.