stackcrawler
Materialize logo

Materialize Detector

Check any public website to see whether it uses Materialize.

Public signal scan
Fast lookup
No signup required

Scan a website

Enter a URL and Stackcrawler will inspect public technology signals.

Websites using Materialize

Browse real website examples detected with Materialize.

View examples

More CSS Frameworks detectors

Compare related tools and identify the wider stack behind a website.

Browse detectors

What we check

Stackcrawler looks for public page markers, scripts, platform fingerprints, metadata, and other visible implementation clues.

How can you detect if a website uses Materialize CSS?

Detecting if a website uses Materialize CSS can be done by looking for specific indicators in the website’s source code.

Here’s a step-by-step guide on how to do it:

  1. Open the Page Source: Right-click on the webpage and select “View Page Source” or press Ctrl+U (Windows) or Cmd+Option+U (Mac) to open the page source code.
  2. Look for Materialize CSS File: Use Ctrl+F (Windows) or Cmd+F (Mac) to open the search function and look for the file name materialize.min.css. This file is typically referenced in the <link> tags:
    • <link href="path/to/materialize.min.css" rel="stylesheet">
  3. Check for Materialize JavaScript File: Similarly, search for materialize.min.js. This file is usually included in the <script> tags:
    • <script src="path/to/materialize.min.js"></script>
  4. Look for Materialize CSS Classes: Search for specific CSS classes that are unique to Materialize. Common classes include:
    • container
    • row
    • col
    • card
    • btn
    Use the search function to find instances of these classes in the HTML.
  5. Inspect HTML Elements: Right-click on various elements of the webpage and select “Inspect” or “Inspect Element.” Look for Materialize-specific markup, such as elements that utilize Materialize’s grid system or component structure (e.g., cards, buttons).
  6. Check for Materialize Initialization Code: In the JavaScript section of the page source, look for any initialization code that is related to Materialize. This might look like: $(document).ready(function() { $('.modal').modal(); }); This indicates that Materialize components are being initialized.
  7. Review Meta Tags: Sometimes, Materialize documentation references or specific meta tags in the <head> section may provide hints about Materialize usage. Look for tags that reference Materialize.