Grow your community and let your products shine!

Materialize CSS

Company Overview

A modern responsive front-end framework based on Material Design.

Tags:

Company Information

Platforms

Pricing

Categories

Features & Specs

  • Responsive Design

    Materialize CSS provides a responsive grid system, making it easier to create layouts that work well on various screen sizes and devices.

  • Material Design

    Adheres to Google’s Material Design principles, offering a modern and professional look that is consistent across web applications.

  • Component Variety

    Offers a wide range of pre-built components, including forms, buttons, cards, and navigation bars, which helps speed up development.

  • Customization

    Provides options to customize components using Sass, making it flexible for specific design needs.

  • Built-in JavaScript

    Includes built-in JavaScript components like modals, carousels, and tabs, which enhance functionality without requiring additional libraries.

  • Videos

    External Sources including reviews & comparisons

    Social Recommendations


    • Front-end Framework: Comparing Bootstrap, Foundation and Materialize

      Materialize was created by a team of developers at Google, inspired by the principles of Material Design. Material Design is a design language developed by Google that emphasizes tactile surfaces, realistic lighting, and bold, graphic interfaces. Materialize aims to bring these principles to web development by providing a framework with ready-to-use components and styles based on Material Design.

      – Source: dev.to
      /
      5 months ago


    • Took a web development job without much experience, am I doomed?

      If you wanna make it look nice use materialize css works great with Django templates.

      Source:
      over 1 year ago


    • Best 3 Bootstrap Alternatives

      You can also visit the Materialize website and GitHub repository which currently has garnered over 38k likes and has been forked over 4k times by developers.

      – Source: dev.to
      /
      over 1 year ago


    • All About Hacktober Fest 2022 You Need To Know

      This repository consists of files required to deploy a Web App or PWA created with Materialize Css.

      – Source: dev.to
      /
      almost 2 years ago


    • First Big Project / Learning How To Use JSON server

      As you may have noticed I am a huge fan of Avatar the Last Airbender (Nickelodeon, please don’t come for me, I’m poor). This web application is inspired by Uncle Iroh’s tea shop in Ba Sing Se. I admire Iroh’s character a lot, so I really tried to pay my respects by not making a complete pile of garbage. My main focus was the JavaScript, and to save time I used Materialize. If Materialize was a person, I’d kiss…

      – Source: dev.to
      /
      about 2 years ago


    • Building websites in just HTML/CSS/JS?

      Well, there are CSS frameworks like Bootstrap and Materialize. If you can be more specific about what you’re looking for someone can probably recommend something.

      Source:
      over 2 years ago


    • Difference between materialize-css and material UI

      I went through the home page of materializecss and materialUI. The first one mentions A modern responsive front-end framework based on Material Design and the later one mentions React components that implement Google’s Material Design. Both of them implements material design and both of them give me components to use. Where exactly is the difference between both of them?

      Source:
      over 2 years ago


    • Days 1 – 20: #100DaysofCode

      After having looking through Material Design and Materialize, I set out for my next web application project. First, I looked at some new books and visited some libraries and immediately fell in love with the library atmosphere.

      – Source: dev.to
      /
      over 2 years ago


    • Angular – ‘Could not find HammerJS’

      It may be worth noting that if you have hammerjs installed and your components are still not rendering correctly to make sure you are using angular material components and not html elements with materialize-css classes.If you are using materialize-css instead of angular material, you will need to add it to your project separately.

      Source:
      over 2 years ago


    • QuranIPFS: Streaming Quran over IPFS

      ✓ JQuery

      ✓ Responsive mobile friendly design

      ✓ Mobile drop-down menu

      ✓ Lazy loading

      ✓ Youtube like preloader progress bar

      ✓ Back to top icon

      ✓ Cookies (js-cookie)

      ✓ SEO meta tags (Google, Facebook, Twitter, Pinterest…)

      ✓ Structured data and cards

      ✓ Using IPFS to stream and download mp3

      ✓ M3U files

      ✓ Torrent download

      ✓ Responsive HTML5 media player

      ✓ Stylish rounded social sharing icons menu

      ✓ Media…

      – Source: dev.to
      /
      over 2 years ago


    • Most Affordable Web Hosting

      If you have a few days, you are probably able to make a nice looking site with either materializecss or bootstrap, you’ll then be able to upload the files to a host like krystal.

      Source:
      over 2 years ago


    • Is this the end of WFH in Mumbai ?

      If you are in frontend dev, create something simple like todo list. Make sure it looks good. Use material design : https://materializecss.com.

      Source:
      over 2 years ago


    • Guidance on first front-end UI for a self-developed backend

      Since you mentioned python, I’d suggest something simple like fastAPI as a backend framework, it lets you serve up template pages and I’m using htmx to interact with the backend, writing almost not a single line of JS. I’ve played with several css frameworks over my time and there you can get some really barebones, basic stuff like skeleton just to make it not look like it was displaying a page styled in 2001. I’m…

      Source:
      over 2 years ago


    • Something like Material UI but for Vanilla JS?

      Also not entirely sure I understand the question, but maybe you’re looking for something like materialize? https://materializecss.com/.

      Source:
      almost 3 years ago


    • The React roadmap for beginners you never knew you needed.

      Materialize, Material UI, Material Design Lite.

      – Source: dev.to
      /
      almost 3 years ago


    • The CSS frameworks you should know.

      Materialize CSS Materialize is a CSS framework developed by Google with HTML, CSS and Javascript. It contains a lot of engaging components that can accelerate frontend development and enhance user experience. It is also known as Material Design.

      – Source: dev.to
      /
      almost 3 years ago


    • Best CSS Frameworks in 2021

      A modern responsive front-end framework based on Material Design.

      To get started, check this : http://materializecss.com.

      – Source: dev.to
      /
      almost 3 years ago


    • FileGhost – Anonymous & Encrypted File Host

      This looks like it was made within seconds with flask and material https://materializecss.com/. Do share the source code for public review?

      Source:
      almost 3 years ago


    • Web App Leading Me To Weird Page After Hitting a Button

      I made a web app that basically sends info you input to a google sheets. It was working fine, until I put in some CSS from materializecss.com. Now, when I hit a button on my web app, it takes me to this site:.

      Source:
      about 3 years ago


    • 23 Responsive And Lightweight CSS Frameworks

      Built-in 2014 by Google, Materialize CSS is the best lightweight CSS framework to design websites and Android web apps. Several Google products like YouTube, Gmail, Google Drive, and Google Docs are based on this framework.

      – Source: dev.to
      /
      about 3 years ago


    • How To Structure / Model Firebase Cloud Firestore ← Vue.js

      Add Materialize CSS link to index.html which is optional.

      – Source: dev.to
      /
      about 3 years ago

    Similar Products

    AutoCAD mobile app, formerly AutoCAD 360 and AutoCAD WS, is a CAD viewer for viewing, creating, editing, and sharing AutoCAD drawings. Download a free AutoCAD mobile app trial for Windows 10, iOS, or Android.
    Web-based project collaboration tool.
    Bforartists is a fork of Blender.
    Cloud-based software application for consulting firms (and students) with all the tools required in...