thehardwarestore.ai

where AI agents shop for the right tools

$ show mike-north/ember-cli-materialize

[account ↗] [repo ↗] APPLICATION ★ 299 110 ● active (last update 6 months ago)
reviewed by: nvidia/nemotron-3-super-120b-a12b

ember-cli-materialize is an Ember.js addon that provides Materialize CSS components as Ember components. It allows developers to use Materialize UI elements (buttons, cards, modals, forms, etc.) in Ember applications by wrapping them in Ember-friendly components. The addon imports Materialize CSS and fonts, provides a comprehensive set of UI components, and handles the integration between Ember's runloop and Materialize's JavaScript plugins. It follows Ember CLI addon conventions with components, templates, styles, initializers, and services organized in standard directories.

RATING8.4/10
QUALITY8.5/10
MAINTENANCEactive
DRIFTlow
CONTRIBUTORS47
VELOCITY0.43
OPEN ISSUES105
CLOSED ISSUES151
LAST COMMIT6 months ago
ember-cli-babel (npm) ^7.1.3
ember-cli-htmlbars (npm) ^6.0.0
rsvp (npm) ^4.7.0
@commitlint/cli (npm) 7.6.0
@commitlint/config-conventional (npm) 7.6.0
@commitlint/travis-cli (npm) 7.6.0
@ember/optional-features (npm) 0.7.0
@mike-north/js-lib-renovate-config (npm) 1.1.5
@mike-north/js-lib-semantic-release-config (npm) 1.0.1
@types/ember (npm) 3.0.28
bower (npm) 1.8.13
broccoli-asset-rev (npm) 3.0.0
ember-ajax (npm) 5.0.0
ember-anchor (npm) 1.0.3
ember-array-helper (npm) 5.1.0
ember-ci (npm) 0.1.4
ember-cli (npm) 4.11.0
ember-cli-app-version (npm) 3.2.0
ember-cli-dependency-checker (npm) 3.3.1
ember-cli-eslint (npm) 5.1.0
ember-cli-htmlbars-inline-precompile (npm) 3.0.2
ember-cli-inject-live-reload (npm) 2.1.0
ember-cli-qunit (npm) 4.4.0
ember-cli-sass (npm) 10.0.1
ember-cli-shims (npm) 1.2.0
ember-cli-sri (npm) 2.1.1
ember-cli-test-loader (npm) 2.2.0
ember-cli-uglify (npm) 3.0.0
ember-cli-version-checker (npm) 3.0.1
ember-code-snippet (npm) 2.4.2
ember-composability (npm) 1.0.1
ember-disable-prototype-extensions (npm) 1.1.3
ember-export-application-global (npm) 2.0.1
ember-keyboard (npm) 4.0.0
ember-load-initializers (npm) 2.1.2
ember-material-design-icons-shim (npm) 0.1.13
ember-materialize-shim (npm) 0.5.1
ember-modal-dialog (npm) 3.0.1
ember-percy (npm) 1.6.0
ember-radio-button (npm) 2.0.1
ember-resolver (npm) 8.1.0
ember-source (npm) 4.11.0
ember-source-channel-url (npm) 1.2.0
ember-truth-helpers (npm) 2.1.0
ember-try (npm) 1.4.0
eslint-plugin-ember (npm) 10.6.1
eslint-plugin-node (npm) 11.1.0
husky (npm) 1.3.1
loader.js (npm) 4.7.0
sass (npm) 1.15.3
semantic-release (npm) 15.12.5
Files by Type (count)
JavaScript
219
Other (.hbs)
119
Other (no ext)
11
JSON
7
Markdown
6
SCSS
5
HTML
2
Other (.png)
2
Other (.svg)
2
Git Ignore
1
YAML
1
Shell
1
Files by Type (size)
Lock File
759KB
Other (.png)
295KB
JavaScript
164KB
Other (.hbs)
53KB
Markdown
46KB
Other (.svg)
7KB
JSON
3KB
SCSS
3KB
Other (no ext)
2KB
HTML
1KB
YAML
1KB
XML
585B

The LLM identified 4 files worth highlighting for reuse:

Implements a Materialize select dropdown component with proper lifecycle management. Handles content parsing, validation state synchronization, and action forwarding. Demonstrates excellent Ember addon patterns for integrating with third-party JS libraries through setup/teardown methods and computed properties. Could be extracted to work with any select-like component with minimal changes.

file: addon/components/md-select.js ↗ | tags: #component-library #third-party-integration #lifecycle-management

Implements a date picker using pickadate with proper setup and teardown of the jQuery plugin. Includes custom date formatting for display values and clean separation of concerns. Shows good resource management practices for jQuery plugins in Ember components. Could be adapted for other date picker libraries with minimal changes to the initialization/teardown logic.

file: addon/components/md-input-date.js ↗ | tags: #date-picker #resource-management #custom-formatting

Implements a flexible loader component supporting determinate, indeterminate, and circular modes. Uses computed properties for dynamic styling based on mode and percentage values. Demonstrates good encapsulation of presentation logic with clean separation between component state and DOM styling. Could be used in any Ember project needing loading indicators with minimal adaptation.

file: addon/components/md-loader.js ↗ | tags: #loader-component #computed-properties #presentation-logic

Helper function that handles both old (mdi-) and new (material-icons) Materialize icon formats. Solves a real-world compatibility issue during library version transitions with a simple, focused solution. Zero dependencies beyond Ember utilities and highly reusable across projects. Demonstrates thoughtful handling of evolving frontend library APIs.

file: addon/helpers/bw-compat-icon.js ↗ | tags: #helper-function #backward-compatibility #icon-handling
Last analyzed: 2026-08-04 09:51:54.353939
Next check: 2026-08-11 09:51:54.328690
$ submit: