Material Design component library for Mithril and React

Overview

Polythene

Join the chat at https://gitter.im/ArthurClemens/Polythene

Material Design component library for Mithril and React.

Can be used as general-purpose component library that includes dialogs, cards, notifications, lists, buttons, form elements, and more.

Kitchen sink - click to enlarge

Main features

  • Allows creating dynamic and interactive interfaces with ease
  • Closely follows the Material Design specification
  • Versatile theming options to totally deviate from Material Design
  • Supports touch, mouse and keyboard
  • Extensive documentation with example code

Demos

Getting started

Setup examples / starter kits

Mithril

React

Guides

Compatibility

  • Mithril 1.x, Mithril 2.x
  • React 16.x
  • Bundlers: Rollup, Webpack 3 and 4
  • TypeScript

Browser support

  • Chrome: 54+
  • Edge: 13+
  • Firefox: 49+
  • Internet Explorer: 11 - see Known issues
  • Mobile Safari: 9+
  • Safari: 9+
Issues
  • Problems mounting/ Rendering Toolbar

    Problems mounting/ Rendering Toolbar

    Testing Polythene, using code from the examples and building for ES5

    var btn = function(group, name) {
        return m(IconButton, {
            icon: {
                svg: {
                    group: group,
                    name: name
                }
            }
        });
    };
    
    var toolbarRow = [
        btn('navigation', 'menu'),
        m('span.flex', 'Toolbar'),
        btn('navigation', 'refresh'),
        btn('content', 'add')
    ];
    
    var toolbar = m(Toolbar, {
        content: toolbarRow
    });
    
    var newDiv = document.createElement('div');
    newDiv.id = 'app';
    document.body.appendChild(newDiv);
    
    var appDiv = document.getElementById('app');
    m.mount(appDiv, toolbar);
    

    The above code throws an error

    app.js:formatted:4970 Uncaught ReferenceError: System is not defined
    

    further debugging shows that the problem occurs when loading SVGs

    , loadSvg = function(e, t, r) {
                var o = 3 < arguments.length && void 0 !== arguments[3] && arguments[3];
                if (System && System.import) { <-------- ERROR
    

    Any idea what I am doing wrong? Thanks

    opened by kokujin 18
  • Add isomorphic ability

    Add isomorphic ability

    Hi @ArthurClemens !

    I've added isomorphic ability as discussed - I've only had to make minimal changes to about 20 or so files - they all use common/isomorphic.es6, which knows if we're on a client or server, a very basic check.

    I know there's > 300 files in the PR, but other than those 20 changes, they're all generated - let me know if you'd prefer just the changed files, instead of all the generated stuff as well?

    opened by jsguy 15
  • Can't import the named export 'Ripple' from non EcmaScript module (only default export is available)

    Can't import the named export 'Ripple' from non EcmaScript module (only default export is available)

    Webpack is giving me the error described in the title. Based on my reading, it seems possible that this is due to some files being named .mjs. Not sure, though.

    opened by jdemilledt 12
  • Rewrite for Mithril 1.0

    Rewrite for Mithril 1.0

    Rewrite work is in progress in the rewrite-universal branch. Besides a pure conversion I am also taking the opportunity to make a few architectural improvements: monorepo, easier theming, lots of tests.

    See Migration for some breaking changes.

    Trying out

    git clone https://github.com/ArthurClemens/polythene.git
    cd polythene
    git checkout rewrite-universal
    yarn
    yarn run build
    cd packages/test-render-mithril
    yarn run dev
    

    Components

    For each component I expect to have:

    • Mithril 1 ready code
    • Updated theme code
    • Updated documentation
    • Tests
    • Fiddles to see working code

    Checklist of v.0.2 components

    • [x] Button - needs Fiddle example
    • [X] Card -- needs Fiddle example
    • [x] Checkbox - needs Fiddle example
    • [ ] Common functions (these are relocated to core, css and utilities)
      • [x] easing
      • [x] events
      • [x] mixin
      • [x] multiple
      • [x] no-tap-delay
      • [x] object.assign: use a Babel plugin
      • [x] scroll-to
      • [x] styler
      • [x] timer
      • [x] transition
      • [ ] validation-helper
      • [x] webfontloader
    • [x] Dialog - needs Fiddle example
    • [x] FAB - needs Fiddle example
    • [x] Font Roboto
    • [ ] Header Panel
    • [x] Icon - needs Fiddle example
    • [x] Icon button - needs Fiddle example
    • [x] Layout: moved to css-classes
    • [x] List - needs Fiddle example
    • [x] List tile - needs Fiddle example
    • [x] Menu
    • [x] Notification
    • [x] Notification Snackbar
    • [x] Radio button - needs Fiddle example
    • [x] Ripple - needs Fiddle example
    • [x] Search - needs Fiddle example
    • [x] Selection control
    • [x] Shadow - needs Fiddle example
    • [x] Slider - needs Fiddle example
    • [x] Spinner - needs Fiddle examples (3 spinner types)
    • [x] SVG - needs Fiddle example
    • [x] Tabs - needs example in stacked toolbar when ready; needs Fiddle example
    • [x] Textfield - needs Fiddle example
    • [x] Theme
    • [x] Toolbar - needs stacked/extended toolbar

    New/derived components

    • [x] Raised button - needs Fiddle example
    • [x] Material Design (default theme)
    • [ ] Extended toolbar

    New packages

    The idea is to better group functionalities that were previously in Common.

    • [x] core
    • [x] css
    • [x] css-classes
    • [x] utilities
    enhancement 
    opened by ArthurClemens 9
  • Search Field Styling

    Search Field Styling

    When using the Search Component in mithril, the input get's assigned a wrong height.

    In particular, the property height: 56px is assigned to the classes: .pe-search.pe-search--full-width, .pe-search.pe-search--full-width .pe-textfield__input-area, .pe-search.pe-search--full-width .pe-textfield__input, .pe-search.pe-search--full-width .pe-textfield__label, where pe-textfield__input and pe-textfield__label should not be in this list. Disabeling the property actually solves the display issue.

    grafik

    The screenshot shows how the height of the input field, together with the margin, is making the field too big, displacing the input text.

    opened by hermannsblum 8
  • Transpiled modules should not be uglified

    Transpiled modules should not be uglified

    Because it prevents quick debugging and source inspection. Also, since they are modules, they are part of a build system that can already perform the uglify step for the whole bundle (if one wants it).

    Thus, uglify is only needed for the standalone distribution of Polythene in my opinion.

    opened by veloce 8
  • Excessive rendering

    Excessive rendering

    Hi Arthur,

    I was playing around with the textfield and buttons, and I've noticed that the components seem to redraw whenever there is ANY change within the component, for example even a hover over a button will re-render the entire app.

    To reproduce:

    • Create a textfield and a button component
    • Type into the text field
    • Hover over the button

    Here is an example using Polythene: http://codepen.io/jsguy/pen/Kaqqmo

    If you start typing in the textfield, the render count will quickly go up, and hovering over the button also increases the render count, this is quite in-efficient.

    Here is an example using plain elements: http://codepen.io/jsguy/pen/pRwwpZ

    In this example, the render count stays at 1, using the criteria above.

    Any ideas on how we can minimise the re-rendering?

    opened by jsguy 8
  • Isomorphic?

    Isomorphic?

    Hi Arthur,

    Great looking library! :)

    I was hoping to use this in my isomorphic library, but it seems it isn't quite compatible - mainly because it references window and events directly in quite a few places.

    Have you given any thoughts to isomorphism?

    The approach I've been using is to simply wrap most of the DOM and Event based code in conditionals - I can see it wouldn't take too much effort, for example in your button class, I can see that most of it is already in a function:

    https://github.com/ArthurClemens/polythene/blob/master/button/button.es6#L59

    Let me know what you think...

    opened by jsguy 7
  • Sliders do not work in Firefox

    Sliders do not work in Firefox

    It seems that the sliders examples for both React and Mithril do not work in Firefox (verison 60) while it works in Chrome. The sliders are drawn correctly and the thumb changes to an active state when clicked, but it can not be dragged to a new value. No error is shown in the console. https://jsfiddle.net/ArthurClemens/ekht8sef/ https://jsfiddle.net/ArthurClemens/nL12sq4x/

    opened by andershol 6
  • Flickering on dialog

    Flickering on dialog

    I'm just testing the elements here http://arthurclemens.github.io/Polythene-examples/index.html#/dialog and found there's an small flickering when open:

    • Long dialog
    • Modal dialog with backdrop
    • Modal dialog dark theme

    I'm using Google Chrome 58.0.3029.110 (64-bit)

    btw, i found this project awesome!

    opened by rkmax 5
  • Bump tar from 6.0.1 to 6.1.11 in /packages/polythene-core-css

    Bump tar from 6.0.1 to 6.1.11 in /packages/polythene-core-css

    Bumps tar from 6.0.1 to 6.1.11.

    Commits
    • e573aee 6.1.11
    • edb8e9a fix: perf regression on hot string munging path
    • a9d9b05 chore(test): Avoid spurious failures packing node_modules/.cache
    • 24b8bda fix(test): use posix path for testing path reservations
    • e5a223c fix(test): make unpack test pass on case-sensitive fs
    • 188badd 6.1.10
    • 23312ce drop dirCache for symlink on all platforms
    • 4f1f4a2 6.1.9
    • 875a37e fix: prevent path escape using drive-relative paths
    • b6162c7 fix: reserve paths properly for unicode, windows
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump path-parse from 1.0.5 to 1.0.7

    Bump path-parse from 1.0.5 to 1.0.7

    Bumps path-parse from 1.0.5 to 1.0.7.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump ws from 6.2.1 to 6.2.2

    Bump ws from 6.2.1 to 6.2.2

    Bumps ws from 6.2.1 to 6.2.2.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump browserslist from 4.10.0 to 4.16.6 in /packages/polythene-core-css

    Bump browserslist from 4.10.0 to 4.16.6 in /packages/polythene-core-css

    Bumps browserslist from 4.10.0 to 4.16.6.

    Changelog

    Sourced from browserslist's changelog.

    4.16.6

    • Fixed npm-shrinkwrap.json support in --update-db (by Geoff Newman).

    4.16.5

    • Fixed unsafe RegExp (by Yeting Li).

    4.16.4

    • Fixed unsafe RegExp.
    • Added artifactory support to --update-db (by Ittai Baratz).

    4.16.3

    • Fixed --update-db.

    4.16.2

    4.16.1

    • Fixed Chrome 4 with mobileToDesktop (by Aron Woost).

    4.16

    • Add browserslist config query.

    4.15

    • Add TypeScript types (by Dmitry Semigradsky).

    4.14.7

    • Fixed Yarn Workspaces support to --update-db (by Fausto Núñez Alberro).
    • Added browser changes to --update-db (by @​AleksandrSl).
    • Added color output to --update-db.
    • Updated package.funding to have link to our Open Collective.

    4.14.6

    • Fixed Yarn support in --update-db (by Ivan Storck).
    • Fixed npm 7 support in --update-db.

    4.14.5

    • Fixed last 2 electron versions query (by Sergey Melyukov).

    4.14.4

    • Fixed Unknown version 59 of op_mob error.

    4.14.3

    • Update Firefox ESR.

    4.14.2

    • Fixed --update-db on Windows (by James Ross).
    • Improved --update-db output.

    4.14.1

    • Added --update-db explanation (by Justin Zelinsky).

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump rollup-plugin-serve from 1.0.1 to 1.0.2

    Bump rollup-plugin-serve from 1.0.1 to 1.0.2

    Bumps rollup-plugin-serve from 1.0.1 to 1.0.2.

    Release notes

    Sourced from rollup-plugin-serve's releases.

    v1.0.2

    Fixed path traversal issue

    Changelog

    Sourced from rollup-plugin-serve's changelog.

    [1.0.2] - 2020-07-17

    Fixed

    • Fix path traversal issue
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump lodash from 4.17.19 to 4.17.21 in /packages/polythene-core-css

    Bump lodash from 4.17.19 to 4.17.21 in /packages/polythene-core-css

    Bumps lodash from 4.17.19 to 4.17.21.

    Commits
    • f299b52 Bump to v4.17.21
    • c4847eb Improve performance of toNumber, trim and trimEnd on large input strings
    • 3469357 Prevent command injection through _.template's variable option
    • ded9bc6 Bump to v4.17.20.
    • 63150ef Documentation fixes.
    • 00f0f62 test.js: Remove trailing comma.
    • 846e434 Temporarily use a custom fork of lodash-cli.
    • 5d046f3 Re-enable Travis tests on 4.17 branch.
    • aa816b3 Remove /npm-package.
    • See full diff in compare view
    Maintainer changes

    This version was pushed to npm by bnjmnt4n, a new releaser for lodash since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump hosted-git-info from 2.7.1 to 2.8.9 in /packages/tests-bundle-mithril-all

    Bump hosted-git-info from 2.7.1 to 2.8.9 in /packages/tests-bundle-mithril-all

    Bumps hosted-git-info from 2.7.1 to 2.8.9.

    Changelog

    Sourced from hosted-git-info's changelog.

    2.8.9 (2021-04-07)

    Bug Fixes

    2.8.8 (2020-02-29)

    Bug Fixes

    • #61 & #65 addressing issues w/ url.URL implmentation which regressed node 6 support (5038b18), closes #66

    2.8.7 (2020-02-26)

    Bug Fixes

    • Do not attempt to use url.URL when unavailable (2d0bb66), closes #61 #62
    • Do not pass scp-style URLs to the WhatWG url.URL (f2cdfcf), closes #60

    2.8.6 (2020-02-25)

    2.8.5 (2019-10-07)

    Bug Fixes

    • updated pathmatch for gitlab (e8325b5), closes #51
    • updated pathmatch for gitlab (ffe056f)

    2.8.4 (2019-08-12)

    ... (truncated)

    Commits
    • 8d4b369 chore(release): 2.8.9
    • 29adfe5 fix: backport regex fix from #76
    • afeaefd chore(release): 2.8.8
    • 5038b18 fix: #61 & #65 addressing issues w/ url.URL implmentation which regressed nod...
    • 7440afa chore(release): 2.8.7
    • 2d0bb66 fix: Do not attempt to use url.URL when unavailable
    • f2cdfcf fix: Do not pass scp-style URLs to the WhatWG url.URL
    • e1b83df chore(release): 2.8.6
    • ff259a6 Ensure passwords in hosted Git URLs are correctly escaped
    • 624fd6f chore(release): 2.8.5
    • Additional commits viewable in compare view
    Maintainer changes

    This version was pushed to npm by nlf, a new releaser for hosted-git-info since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump handlebars from 4.7.3 to 4.7.7

    Bump handlebars from 4.7.3 to 4.7.7

    Bumps handlebars from 4.7.3 to 4.7.7.

    Changelog

    Sourced from handlebars's changelog.

    v4.7.7 - February 15th, 2021

    • fix weird error in integration tests - eb860c0
    • fix: check prototype property access in strict-mode (#1736) - b6d3de7
    • fix: escape property names in compat mode (#1736) - f058970
    • refactor: In spec tests, use expectTemplate over equals and shouldThrow (#1683) - 77825f8
    • chore: start testing on Node.js 12 and 13 - 3789a30

    (POSSIBLY) BREAKING CHANGES:

    • the changes from version 4.6.0 now also apply in when using the compile-option "strict: true". Access to prototype properties is forbidden completely by default, specific properties or methods can be allowed via runtime-options. See #1633 for details. If you are using Handlebars as documented, you should not be accessing prototype properties from your template anyway, so the changes should not be a problem for you. Only the use of undocumented features can break your build.

    That is why we only bump the patch version despite mentioning breaking changes.

    Commits

    v4.7.6 - April 3rd, 2020

    Chore/Housekeeping:

    Compatibility notes:

    • Restored Node.js compatibility

    Commits

    v4.7.5 - April 2nd, 2020

    Chore/Housekeeping:

    • Node.js version support has been changed to v6+ Reverted in 4.7.6

    Compatibility notes:

    • Node.js < v6 is no longer supported Reverted in 4.7.6

    Commits

    v4.7.4 - April 1st, 2020

    Chore/Housekeeping:

    Compatibility notes:

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump ua-parser-js from 0.7.19 to 0.7.28

    Bump ua-parser-js from 0.7.19 to 0.7.28

    Bumps ua-parser-js from 0.7.19 to 0.7.28.

    Commits
    • 1d3c98a Revert breaking fix #279 and release as 0.7.28
    • 535f11b Delete redundant code
    • 642c039 Fix #492 LG TV WebOS detection
    • 3edacdd Merge branch 'master' into develop
    • acc0b91 Update contributor list
    • f726dcd Merge branch 'master' into develop
    • 383ca58 More test for tablet devices
    • 7c8aa43 Minor rearrangement
    • 09aa910 Add new device & browser: Tesla
    • 557cc21 More test for latest phones with unique form factor (fold/flip/qwerty/swivel)
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump y18n from 4.0.0 to 4.0.1

    Bump y18n from 4.0.0 to 4.0.1

    Bumps y18n from 4.0.0 to 4.0.1.

    Changelog

    Sourced from y18n's changelog.

    Change Log

    All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

    5.0.5 (2020-10-25)

    Bug Fixes

    5.0.4 (2020-10-16)

    Bug Fixes

    • exports: node 13.0 and 13.1 require the dotted object form with a string fallback (#105) (4f85d80)

    5.0.3 (2020-10-16)

    Bug Fixes

    • exports: node 13.0-13.6 require a string fallback (#103) (e39921e)

    5.0.2 (2020-10-01)

    Bug Fixes

    5.0.1 (2020-09-05)

    Bug Fixes

    5.0.0 (2020-09-05)

    ⚠ BREAKING CHANGES

    • exports maps are now used, which modifies import behavior.
    • drops Node 6 and 4. begin following Node.js LTS schedule (#89)

    Features

    ... (truncated)

    Commits
    Maintainer changes

    This version was pushed to npm by oss-bot, a new releaser for y18n since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
Releases(v1.7.2)
  • v1.7.2(Sep 8, 2019)

  • v1.7.1(Aug 13, 2019)

  • v.1.7.0(Aug 2, 2019)

    Mithril 2.x

    Polythene is now compatible with the recent release of Mithril 2.x. Mithril 2 offers better stability and performance and is recommended for Polythene apps with Mithril.

    Mithril's API change may have some implications for code written with Polythene:

    1. Link building. The m.route.link function has been removed in favor of the m.route.Link component. This leads to a small code change for Polythene component option url:

      Mithril 1.x code:

      h(Button, {
        label: "Update",
        element: "a", // this is the default, so can be omitted
        url: {
          href: route.path,
          oncreate: m.route.link
        }
      })
      

      Mithril 2.x code:

      h(Button, {
        label: "Update",
        element: h.route.Link, // Note the capital L
        url: {
          selector: "a", // this is the default, so can be omitted
          href: route.path,
        }
      })
      
    2. Mithril 2.x is much stricter when to use keys in arrays; when a mix of keyed and unkeyed fragments are encountered, the program will bail with an error. Mithril has an elaborate page on keys that helps to solve issues.

    Other changes related to Mithril code can be found in the Mithril release notes.

    Regular updates

    Bug fixes:

    • Card: Images did not load properly in some cases. This is now fixed.

    Documentation:

    • The TextField documentation contained some examples that set the field value programmatically. This led to unexpected behavior in Safari (where the cursor jumps to the end with each change). The documentation was a bit misleading - it is not required to pass the value back to the component. Documentation and demos have been updated.
    Source code(tar.gz)
    Source code(zip)
  • v1.6.5(Jun 16, 2019)

    • Reset CSS has moved from polythene-css-typography to polythene-css-core. This ensures layout consistency without having to force to use polythene-css-typography.

    Bug fixes:

    • Ripple: multiple ripples were allowed without passing multi.
    • Switch: restore style option.
    Source code(tar.gz)
    Source code(zip)
  • v1.6.4(Jun 11, 2019)

    Bug fixes:

    • Button: use click area to trigger ripple. This fixes an issue where the content element was not available when the button ripple component was created.
    Source code(tar.gz)
    Source code(zip)
  • v1.6.3(Jun 10, 2019)

  • v1.6.2(Jun 9, 2019)

  • v1.6.1(Jun 8, 2019)

  • v1.6.0(Jun 2, 2019)

    Under the hood

    Integration of Cyano (which includes the React Hooks API for Mithril). This has resulted in more coherent (and also slighly smaller) code.

    CSS

    Function writeCSS in polythene-scripts can be used to write themed CSS to a file. The function accepts new option wrapInGlobal to use with CSS Modules: set to true to wrap the generated css inside a :global { ... } tag.

    Focus indication

    Keyboard TAB navigation now highlights components that have focus. Pressing ENTER executes the equivalent of a click.

    Affected components: Button, Icon Button, FAB, List Tile, Checkbox, Radio Button, Switch, Tabs.

    The highlight is created by element with className pe-button__wash. The color can be themed with variables:

    • color_light_wash_background and color_dark_wash_background
    • color_light_wash_opacity and color_dark_wash_opacity

    Raised Buttons also show an extra shadow on focus.

    Closing dialogs and drawers with ESCAPE

    To improve accessibility, all dialogs and drawers (including modal and fullscreen dialogs) can now be closed by pressing ESCAPE.

    Use new option disableEscape to prevent ESCAPE from closing the dialog or drawer.

    Bug fixes

    • ButtonGroup: fixes a layout issue with arrow button.
    • TextField: fixes a bug where large numbers of Text Field instances on the page caused a delay due to excessive redrawing.
    • Fixes a bug where Webpack's production build (using treeshaking) caused JS-in-CSS functions to drop, resulting in missing styles in the document head.

    Removed

    • renderer is no longer exported from polythene-mithril and polythene-react.
      • For Mithril: use m.
      • For React with JSX: no change.
      • For React with hyperscript: use react-hyperscript or ReactDOM.render.
    • Most deprecation warnings have been removed.

    Other changes

    • Raised Button styles are now defined by CSS only. Shadow component contains a couple of extra hepler classes for this purpose.
    Source code(tar.gz)
    Source code(zip)
  • v1.5.4(Mar 5, 2019)

  • v1.5.2(Feb 10, 2019)

  • v1.5.0(Jan 26, 2019)

    Bundle size

    All packages now contain sideEffects: false as hint to Webpack to perform tree shaking when creating a production build. This means that bundles created with Webpack are now significantly smaller.

    For example, the bundle size from package "tests-bundle-mithril-all" went from 320 KB to 182 KB (including Mithril), a reduction of 57 percent. With gzip compression the size is further reduced to 71 KB.

    TypeScript type definitions

    All components now contain TypeScript type definitions. This makes it easier to use in TypeScript projects and helps to ensure to select valid component options. Read more in TypeScript.

    CSS

    Functions addStyle and getStyle now accept a parameter scope to restrict a theme style to a CSS scope, for example a specific page. See Style variables for an example.

    Components

    • Card:
      • Option content is now restricted to contain only the list of option objects for distinct card areas. To pass other content, use children.
    • Drawer:
      • A drawer now uses a div as wrapping element instead of form.
    • List Tile:
      • Added options inset (further specialised with insetH and insetV) and rounded for the creation of Drawer "destination labels". Both options are themeable.
    • TextField:
      • Additional DOM properties such as autocapitalize (autoCapitalize for React) can be passed with option domAttributes.
    • Toolbar:
      • Better aligned title and first icon to the grid, differentiating whitespace on mobile and tablet.
      • Increased font size to 20px (which can be overridden by theming).
    Source code(tar.gz)
    Source code(zip)
  • v1.4.1(Dec 24, 2018)

  • 1.3.3(Dec 18, 2018)

  • v1.1.1(Jul 26, 2018)

    Core

    • Updates to transition code:
      • The API of option transitions has changed - see Transitions documentation and a from 1.0 to 1.1 change list
      • Transitions now read existing CSS styles (so you can define some or all transition properties in CSS too)
      • It is now possible to set transition duration and delay in a component theme (using component style variables)
      • Added options showTimingFunction and hideTimingFunction

    Components

    • New component
      • Drawer to create side navigation
    • Harmonisation of border options:
      • Button, Card and List: options borders and bordered are deprecated; use border instead
      • List: option indentedBorders is deprecated; use indentedBorder instead
      • Dialog: option borders is unchanged (the option refers to top and bottom border)
    • List Tile
      • Added style variables for for titles and the front element: font size, weight and color
      • Added option navigation to use a Material Design navigation style, as specified in navigation drawers
    • Toolbar
      • Added option z to add a shadow
      • Added option fullbleed to remove side padding
      • Added option border to set a bottom border
    • Button
      • Removed onmouseover listener
    • Added RTL support for Card, Checkbox, Dialog, List Tile, List, Radio Button, Switch, Toolbar

    Example code

    • Updated Text Field form validation to match Powerform v3
    • Tabs:
      • Added nested Tabs example
      • Added "hide all selection indicators"

    Tooling

    • Webpack 4 support

    Other

    • Various bug fixes
    Source code(tar.gz)
    Source code(zip)
  • v1.2.0(Jul 26, 2018)

    Components

    • Card
      • It is now possible to embed a video using the media item
      • The image dimmer element is now only created when option showDimmer is passed
    • Icon Button
      • Icon Button can now have an optional label; visually consistent with a Checkbox with a custom icon.
    • List Tile
      • Added CSS style variable title_line_count to make the line count of the title configurable
    • Tabs
      • Option selectedTab is deprecated in favor of selectedTabIndex
      • CSS style variable label_opacity has been removed in favor of setting the transparency in the label color (using rgba); this creates a better color transition when selecting the tab
    • Hover styles: Button, Raised Button and Icon Button have optional hover CSS variables to generate hover styles

    Other

    • Various bug fixes
    Source code(tar.gz)
    Source code(zip)
  • v1.3.2(Jul 26, 2018)

    Material Design version 2 -- first small changes

    Google has updated their Material Design specs ("Version 2"). A couple of the changes have been included in this release; more will follow in next releases.

    CSS

    CSS creation has been optimized, specifically when creating themed CSS. Instead of recreating the entire CSS, now only a minimal subset is created based on the passed variables (see Style variables how to use it).

    In terms of internal organisation, CSS variable files have been moved to each component's CSS package, which is a more logical location.

    Themes and behavior

    Themes are becoming more powerful. Next to setting dimensions and colors, a number of components can now change behavior by setting a theme "switch" variable in addStyle.

    For example:

    • Change a Text Button to a Contained Button using contained: true
    • Set a Drawer to cover behavior using cover: true
    • Make a Dialog appear full screen using full_screen: true
    • Add a backdrop to a Menu with backdrop: true

    The switch variable may trigger one or more variables, or changes JavaScript behavior under the hood. For example, a full screen Dialog also disables the ESCAPE key.

    While this seems to duplicate component options, it makes sense when components need to appear and behave differently based on the available screen size.

    Themes and media queries

    With an additional argument to addStyle it is now possible to restrict a theme style by media query.

    Conceptually, this is very close to writing CSS with media queries, but it has the benefit that you don't need to know the internal component structure - you still work with style variables.

    Some examples:

    • Have a normal Dialog but make it full screen on small screen sizes
    • Have a normal local Menu but make it full width on small screen sizes
    • Create a Drawer that behaves differently on different screen sizes: Mithril example, React example
    • Change the image size on a Card, without changing the component options

    See CSS/Style variables how to use this feature.

    Components

    • New component
      • Button Group - container for a row of buttons; use this to create toggle buttons or split buttons
    • Button
      • New options for varying the width and height: extraWide and highLabel (useful in Button Group)
      • New option dropdown that adds a dropdown triangle
      • New option contained to create a Contained Button appearance
      • New option raised to create a Raised Button appearance
        • A raised button is automatically a Contained Button, and adds an interactive shadow depth when tapped
      • Added default letter spacing (which can be overridden with CSS style variable letter_spacing)
      • MD2: the border radius is now set to 4
      • Bordered button has a default medium gray border color
    • Dialog
      • Style option full_screen can be used to make a Dialog appear full screen, without having to set the component option fullScreen. This is useful when the full screen appearance should be limited to specific screen dimensions.
    • Menu
      • Reworked to support dropdown menus - this includes the new Button Group and Button's dropdown option
      • MD2: the menu is now positioned below its target (instead of covering the target), unless explicitly overridden with offsetV: 0
      • Added scaling effect for menus with origin set (with corresponding CSS vars animation_show_origin_effect_css and animation_hide_origin_effect_css)
      • New option scrollTarget (to scroll a menu element into view)
      • New option height (pixel or percentage value, or "max" to use the maximum available height within the parent element)
      • New option backdrop to make a menu stand out more
      • Long lists are now scrollable
    • Radio Group
      • Added option defaultSelectedValue
    • Shadow
      • CSS style variables have been renamed: z has been changed to shadow_depth
    • Slider
      • Added CSS style variables color_[tint]_tick_value, color_[tint]_pin_label and color_[tint]_pin_background
    • Spinners and Tabs
      • CSS style variables for animation durations/delays have been changed to strings that include the unit ("ms" or "s")
    • Added RTL support for TextField, Search, Icon, Icon Button, FAB
      • Supporting CSS class pe-rtl--flip can be used to flip directional icons or buttons

    Deprecations

    • Card, Dialog, Drawer, Menu, Shadow, Spinner, Toolbar:
      • z is deprecated; use shadowDepth
    • Menu
      • offset is deprecated; use offsetH
      • size is deprecated; use width
    • Raised Button has been deprecated; use Button with option raised: true
    • Switch
      • zOff is deprecated; use shadowDepthOff
      • zOn is deprecated; use shadowDepthOn

    Other

    • webfontloader
      • Aligned configuration to upstream library
      • Now emits loading status callbacks
    • Various bug fixes
    Source code(tar.gz)
    Source code(zip)
Owner
Arthur Clemens
Arthur Clemens
Modular and customizable Material Design UI components for the web

Material Components for the web Material Components for the web helps developers execute Material Design. Developed by a core team of engineers and UX

Material Components 15.8k Oct 13, 2021
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access

Material-UI 72.2k Oct 13, 2021
A Material-UI File Upload Dropzone

A Material-UI File Upload Dropzone

pandemicode.dev 1 Sep 18, 2021
Free and Open Source Admin for Tailwind CSS and React based on Google's Material Design.

Material Tailwind Dashboard React Material Tailwind Dashboard React is a free Admin Template based on two popular front-end technologies: Tailwind CSS

Creative Tim 29 Oct 13, 2021
Introduce users to your app with this Material-style carousel.

Material AutoRotatingCarousel So you wrote a great app and deployed it and everything. But how do you introduce new users to your app? Well, the Mater

Wertarbyte 419 Oct 3, 2021
Material style image with loading animation

Material UI Image Images are ugly until they're loaded. Materialize it with material image! It will fade in like the material image loading pattern su

Wertarbyte 202 Sep 26, 2021
☄️React Material Admin is a React template built with Material-UI

React Material Admin — Material-UI Dashboard Template

Flatlogic 1.2k Oct 17, 2021
Stateless UI components for react that follow material design

Material Components Stateless UI components for react that follow material design. Introduction material-components is a library of React (15.0.0) use

Garth Williams 99 Sep 9, 2021
React Bootstrap with Material Design - Powerful and free UI KIT

React Bootstrap with Material Design Built with React and Bootstrap 4. Absolutely no jQuery. 400+ material UI elements, 600+ material icons, 74 CSS an

MDBootstrap 1.2k Oct 10, 2021
A set of React components implementing Google's Material Design specification with the power of CSS Modules

React Toolbox is a set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integra

React Toolbox 8.7k Oct 10, 2021
React Component that implements a speed dial using Material-UI.

react-speed-dial React Component that implements a speed dial using Material-UI. For Material-UI v1 use material-ui-speed-dial like inbox toolbox vers

Simon Mollweide 57 Oct 2, 2021
A frontend framework for building admin SPAs on top of REST services, using React and Material Design.

admin-on-rest A frontend Framework for building admin applications running in the browser on top of REST services, using ES6, React and Material Desig

marmelab 400 Oct 12, 2021
React Material Design Icons – built with Pixo, Styled Components, and Styled System

React Material Design Icons Built with Pixo, Styled Components, and Styled System https://jxnblk.com/rmdi npm i rmdi // import icons individually for

Brent Jackson 132 Oct 19, 2020
React 17 & Bootstrap 5 & Material Design 2.0 UI KIT

MDB 5 React React 17 & Bootstrap 5 & Material Design 2.0 UI KIT >> Get Started in 4 steps >> MDBReact 5 Demo 500+ material UI components Super simple,

MDBootstrap 1.2k Oct 10, 2021
Free React Typescript Admin Dashboard Template built with Material-UI

Tokyo Free White Typescript React Admin Dashboard Free React Typescript Admin Dashboard Template built with Material-UI This free and open source admi

Horia S 27 Oct 8, 2021
A customizable floating action button menu that follows material design

react-floating-button-menu A customizable floating action button menu Inspired by react-material-floating-button Install npm install --save react-floa

Alucard 33 Sep 1, 2021
Lightweight CSS framework

Material Design CSS Framework MUI is a lightweight CSS framework that follows Google's Material Design guidelines. Use From the CDN: <link href="//cdn

null 4.5k Oct 12, 2021
Material design for react, powered by materializecss

react-materialize Material design components for react, powered by materializecss. Install npm install [email protected] npm install react-material

React Materialize 1.4k Oct 18, 2021
Essence - The Essential Material Design Framework

#[Essence] - The Essential Material Design Framework About Essence Essence is a CSS framework that implements the guidelines from Google Material Desi

Evo Forge 416 Oct 13, 2021