All Projects → src-zone → Material

src-zone / Material

Licence: apache-2.0
A lightweight Material Design library for Angular based on Google's Material Components for the Web.

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Material

Vuetify
🐉 Material Component Framework for Vue
Stars: ✭ 33,085 (+23036.36%)
Mutual labels:  material-design, material, ui-components, material-components
Material Backdrop
A simple solution for implementing Backdrop pattern for Android
Stars: ✭ 221 (+54.55%)
Mutual labels:  material-design, material, ui-components, material-components
Ng Zorro Antd
Angular UI Component Library based on Ant Design
Stars: ✭ 7,841 (+5383.22%)
Mutual labels:  ui-components, angular-components, angular-directives, ngx
Material Bread
Cross Platform React Native Material Design Components
Stars: ✭ 287 (+100.7%)
Mutual labels:  material-design, material, uikit, ui-components
Smart Webcomponents
Web Components & Custom Elements for Professional Web Applications
Stars: ✭ 110 (-23.08%)
Mutual labels:  material-design, material, ui-components, material-components
Svelte Materialify
A Material UI Design Component library for Svelte heavily inspired by vuetify.
Stars: ✭ 351 (+145.45%)
Mutual labels:  material-design, material, ui-components, material-components
Material Components
Documentation and policies for Material Components (all platforms)
Stars: ✭ 872 (+509.79%)
Mutual labels:  material-design, material, material-components
Materialscrollbar
An Android library that brings the Material Design 5.1 sidebar to pre-5.1 devices.
Stars: ✭ 761 (+432.17%)
Mutual labels:  material-design, material, ui-components
Material Design Lite
Material Design Components in HTML/CSS/JS
Stars: ✭ 31,931 (+22229.37%)
Mutual labels:  material-design, material, material-components
Material Intro
A simple material design app intro with cool animations and a fluent API.
Stars: ✭ 1,718 (+1101.4%)
Mutual labels:  material-design, material, material-components
Ng Zorro Antd Mobile
A configurable Mobile UI components based on Ant Design Mobile and Angular. 🐜
Stars: ✭ 709 (+395.8%)
Mutual labels:  angular-components, angular-directives, ngx
Dejajs Components
Angular components
Stars: ✭ 37 (-74.13%)
Mutual labels:  material, material-components, angular-components
Cyanea
A theme engine for Android
Stars: ✭ 1,319 (+822.38%)
Mutual labels:  material-design, material, material-components
Matter
Material Design Components in Pure CSS. Materializing HTML at just one class per component 🍰
Stars: ✭ 888 (+520.98%)
Mutual labels:  material-design, material, material-components
Slidetoact
A simple 'Slide to Unlock' Material widget for Android, written in Kotlin 📱🎨🦄
Stars: ✭ 783 (+447.55%)
Mutual labels:  material-design, material, material-components
Togglebuttons
Android toggle buttons that adhere to the Material Design documentation.
Stars: ✭ 88 (-38.46%)
Mutual labels:  material-design, material, ui-components
Datingapp
Dating UI kit is used for online meet up with girls and boys . The screen contains more than 30 icons and most of all required elements required to design an application like this. The XML and JAVA files contains comments at each and every point for easy understanding. Everything was made with a detail oriented style and followed by today's web trends. Clean coded & Layers are well-organized, carefully named, and grouped.
Stars: ✭ 97 (-32.17%)
Mutual labels:  material-design, uikit, ui-components
Material Design For Bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
Stars: ✭ 9,463 (+6517.48%)
Mutual labels:  material-design, material, uikit
Ibackdrop
A library to simply use Backdrop in your project (make it easy). Read more ->
Stars: ✭ 137 (-4.2%)
Mutual labels:  material-design, material, material-components
Fluid
📖 Library for QtQuick apps with Material Design
Stars: ✭ 601 (+320.28%)
Mutual labels:  material-design, material, material-components

Blox Material makes it possible to create beautiful Angular apps with modular and customizable UI components, designed according to the Material Design Guidelines. It integrates Material Components for the Web (a Google project) with the Angular framework.

Follow Blox Material

Quick Links

npm License GitHub Workflow Status Codecov Documentation

Roadmap for 2.0.0

  • Upgrade to material-components-web 9.0.0
  • Implement new components: banner, circular-progress, data-table, segmented-button, tooltip, and touch-target
  • Add angular schematics support to help with installation
  • Add component alternatives to directives with complex structure
  • Add autocomplete input component

Building from source

If you want to code on the library itself, or build it from source for other reasons, here are some tips:

  • Please run an npm install in the root directory first. The root directory contains git hooks and scripts for releasing/publishing new versions.
  • The library code is in the directory bundle. You need to run npm install there, before e.g. building (npm run build) or testing (npm run test) the material library.
  • The demo and documentation website is in the site directory. Before building, the site, you must have built the material bundle first.
  • Check the package.json files for other commands that can be used to build, debug, test, release, or publish the library.
  • Publishing a new bundle is handled by Github Actions. The commands for publishing/releasing a new version are in the root package.json. These commands create the appropriate tags and changes that are picked up by a Github Action build to do an actual publish/deploy/distribution of a new version of the library.
  • Please use commit messages according to the Angular Commit Message Guidelines.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].