Materialize, a CSS Framework based on material design

Note for AMD-compatible version

Notice that this is NOT the offical AMD-compatible version, and I won't keep updating it with latest commit (just stable release), so just use dist/js/materialize.js.

This modified version is tested and passed on curl.js, I'm not sure that it would compatible with other AMD module.

After required it at the first time, please do Waves.displayEffect() to show waves, like this:

require(['jquery']).next(['materialize'], function(Materialize){
    // add it when you required Materialize at the first time
    Waves.displayEffect();

    // do more things with Materialize here
});

For modified parts, see original issue here: Dogfalo#634 (comment)

Current Version : v0.98.0

Sass Requirements:

• Ruby Sass 3.3+, LibSass 0.6+

Supported Browsers:

Chrome 35+, Firefox 31+, Safari 7+, IE 10+

Changelog

Bolded styling surrounded by emojis indicates a breaking change.

• v0.98.0 (January 25th)

  • 🙅 Standardized plugin option naming to camelcase (please check your plugin calls to make sure all the options are camelcase) 🙅
  • Added FABs in image cards
  • Added swipeable tabs
  • Fixed carousel misalignment when switching quickly
  • Fixed carousel resize bug where slide widths wouldn't change when changing window size
  • Improved tabs compatibility with cards
  • Fixed bug where using backspace to delete chips would navigate back in certain browsers
  • Added autocomplete integration with chips
  • Upgraded noUiSlider to version 9 with support for vertical sliders

• v0.97.8 (October 30th, 2016)

  • Refactored Modal plugin
  • Tabs now supported in navbar
  • Chips data can now be reinitiailized
  • Minor side nav fixes
  • FAB to toolbar component added
  • Fixed dropdown options bug

• v0.97.7 (July 23rd, 2016)

  • Basic horizontal cards
  • Carousel bug fixes and new features
  • Updated sidenav styles and new component
  • Meteor package now supports Sass
  • Autocomplete form component
  • Chips jQuery plugin

• v0.97.6 (April 1st, 2016)

  • Removed deprecated material icons from project
  • Changed /font directory to /fonts
  • Datepicker and ScrollSpy now compatible with jQuery 2.2.x
  • Responsive tables now work with empty cells
  • Added focus states to checkboxes, switches, and radio buttons
  • Sidenav and Modals no longer cause flicker with scrollbar
  • Materialbox overflow and z-index issues fixed
  • Added new option for Card actions within a Card reveal

Contributing

Please read CONTRIBUTING.md for more information

Testing

We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, here's a starting guide on how to write tests in Jasmine