Material Design Components in HTML/CSS/JS
-
Updated
Nov 13, 2020 - HTML
#
material-components
Here are 284 public repositories matching this topic...
Quasar Framework - Build high-performance VueJS user interfaces in record time
electron
javascript
android
ios
vuejs
pwa
vue
material
material-design
ssr
vuejs2
vue-components
server-side-rendering
vue2
material-components
browser-extension
material-theme
vue-component
quasar-framework
-
Updated
Nov 30, 2020 - JavaScript
Modular and customizable Material Design UI components for the web
-
Updated
Nov 25, 2020 - TypeScript
dpeter99
commented
May 30, 2020
Is your feature request related to a problem? Please describe.
When setting the layout anchor of a extended fab to the bottom app bar it does not show the cutout.
Describe the solution you'd like
The ability to use any shape as the cutout, or at least all the Fab variants.
The flexible, easy to use, all in one drawer library for your Android project. Now brand new with material 2 design.
android
java
material-design
drawer
material-ui
android-library
android-development
material-components
android-ui
material-theme
materialdrawer
navigation-drawer
drawerlayout
drawer-support
hacktoberfest
mikepenz
-
Updated
Nov 23, 2020 - Kotlin
An implementation of tap targets from the Material Design guidelines for feature discovery
-
Updated
Aug 1, 2020 - Java
Android-Iconics - Use any icon font, or vector (.svg) as drawable in your application.
android
java
material
material-design
fontawesome
material-ui
android-library
android-development
icon-font
meteocons
android-icon
material-icons
material-components
google-material
compose
weather-icons
mikepenz
foundation-icons
google-material-icons
android-compose
-
Updated
Nov 27, 2020 - Kotlin
Modular and customizable Material Design UI components for iOS
-
Updated
Nov 30, 2020 - Objective-C
A simple material design app intro with cool animations and a fluent API.
android
java
slide
material
material-design
parallax
android-library
animations
jitpack
material-components
slide-types
parallax-slides
custom-slide
-
Updated
Nov 16, 2020 - Java
android
kotlin
room
flow
coroutines
mvvm
kotlin-android
moshi
material-components
retrofit2
hacktoberfest
coroutines-android
mvvm-android
livedata
android-architecture-components
dagger2-android
room-persistence-library
viewbinding
livedata-viewmodel
hilt-android
-
Updated
Nov 23, 2020 - Kotlin
Default colors and dimens per Material Design guidelines and Android Design guidelines inside one library.
-
Updated
May 17, 2017 - Java
A theme engine for Android
android
kotlin
theme
color
material
material-design
dynamic
material-ui
material-components
appcompat
themeengine
-
Updated
Jun 1, 2020 - Kotlin
Material Design Components in Pure CSS. Materializing HTML at just one class per component 🍰
-
Updated
Sep 7, 2020 - JavaScript
Documentation and policies for Material Components (all platforms)
-
Updated
Oct 2, 2020
android
kotlin
room
material-design
repository
dependency-injection
coroutines
mvvm
material-components
retrofit2
mvvm-architecture
databinding
mvvm-android
skydoves
-
Updated
Nov 28, 2020 - Kotlin
A simple 'Slide to Unlock' Material widget for Android, written in Kotlin 📱 🎨 🦄
kotlin
material
material-design
slider
material-ui
kotlin-android
kotlin-library
android-library
android-development
material-components
android-ui
hacktoberfest
slidetounlockview
-
Updated
Oct 23, 2020 - Kotlin
Custom drawer implementation for Material design apps.
android
java
theme
demo
material-design
android-library
jitpack
aba
material-components
material-drawer
custom-drawer
dfl
-
Updated
Dec 9, 2017 - Java
Modular and customizable Material Design UI components for Flutter
-
Updated
Nov 20, 2020 - Dart
Open
Scrims
plfiorini
commented
Sep 20, 2017
To make typography legible on top of imagery, apply text protection in the form of scrims. Scrims are lightweight, translucent material layers.
Text protection from https://material.io/guidelines/style/imagery.html#imagery-best-practices
Angular wrapper for Material Design (Web) Components
-
Updated
Sep 9, 2020 - TypeScript
android
kotlin
material-design
kotlin-android
kotlin-library
snackbar
material-components
ui-components
-
Updated
Jul 14, 2018 - Kotlin
preact wrapper for "Material Components for the web"
-
Updated
Nov 28, 2020 - TypeScript
Kotlin Coroutines Flow binding APIs for Android's platform and unbundled UI widgets, inspired by RxBinding.
-
Updated
Nov 27, 2020 - Kotlin
Sample code used for a series of Medium posts on Material Components for Android
-
Updated
May 27, 2020 - Kotlin
Elm port of the Material Components for the Web CSS/JS library
css
demo
framework
material-design
touch
tea
material-components
user-interface
elm-lang
material-components-web
elm-port
-
Updated
Sep 11, 2020 - Elm
A library that provides an implementation of the banner widget from the Material design.
android
material-design
material-ui
banner
android-library
material-components
material-banner
materialbanner
-
Updated
Oct 7, 2019 - Java
A simple solution for implementing Backdrop pattern for Android
android
library
patterns
material
material-design
android-sdk
kotlin-library
android-library
design-patterns
jetpack
material-components
android-app
ui-components
bintray
foreground
backdrop
android-design
androidx
android-design-pattern
material-backdrop
-
Updated
Dec 20, 2019 - Kotlin
Free Material Admin Template
gulp
material
material-design
material-ui
chartjs
admin-dashboard
material-components
google-material
mdc
responsive-design
material-admin
mdc-web
-
Updated
Nov 19, 2020 - CSS
Improve this page
Add a description, image, and links to the material-components topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the material-components topic, visit your repo's landing page and select "manage topics."
Environment
Vuetify Version: 2.3.5
Vue Version: 2.6.11
Browsers: Chrome 84.0.4147.89
OS: Mac OS 10.15.5
Steps to reproduce
Setup theme as Dark mode.
Try the example.
Only Hover list, and Transitions examples can see the affect.
Other examples looks bad in the dark mode.
Expected Behavior
Should show affects in the example.
Actual Behavior
Looks