Our great sponsors
|16 days ago||3 days ago|
|MIT License||MIT License|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Best 3 Bootstrap Alternatives
5 projects | dev.to | 23 Apr 2023
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.
All About Hacktober Fest 2022 You Need To Know
4 projects | dev.to | 22 Oct 2022
This repository consists of files required to deploy a Web App or PWA created with Materialize Css
70 Free Resources For Web Designers and Developers
15 projects | dev.to | 9 Oct 2022
What are dos and don'ts for designing a nice looking website, when you are not design savvy
5 projects | /r/webdev | 30 Apr 2022
Material (from Google)
Building websites in just HTML/CSS/JS?
5 projects | /r/webdev | 16 Apr 2022
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.
Difference between materialize-css and material UI
2 projects | /r/codehunter | 13 Apr 2022
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?
Angular - 'Could not find HammerJS'
2 projects | /r/codehunter | 7 Apr 2022
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.
QuranIPFS: Streaming Quran over IPFS
3 projects | dev.to | 3 Apr 2022
✓ 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 Elements ready ✓ HLS: to stream and cache MP3 ✓ PWA ( Service worker, IOS and Android compatible, manifest file...) ✓ Multilingual website (Google Seo optimized) ✓ Materializecss ✓ Hit counter: to calculate the number of visit to each page using Firebase firestore. ✓ Favorite: save pages to favorite using localStorage. ✓ Filter receiters with alphabet, number of visit or by favorite. ✓ Search for receiters by name filter.
React Material UI Label Overlaps with Text
2 projects | /r/codehunter | 23 Mar 2022
Github Issue: https://github.com/Dogfalo/materialize/issues/5995
Does Google use Angular for all of its projects? Especially Youtube?
6 projects | /r/webdev | 16 Mar 2022
20 Essential Parts Of Any Large Scale React App
15 projects | dev.to | 2 Jun 2023
6 Regrets I Have As a React Developer
5 projects | dev.to | 30 May 2023
Testing: react-testing-library, jest Styling: styled-components Form: react-hook-form Tools: EsLint and Prettier
Is there any way to apply different CSS files to the same component?
2 projects | /r/reactjs | 20 May 2023
I’ve had good experiences with the styled-components library
The app router is not production-ready yet
10 projects | /r/nextjs | 18 May 2023
Styled components issue for reference: https://github.com/styled-components/styled-components/issues/3856
I created a Zero-Runtime CSS-in-JS Library Compatible with Next.js App Router and RSC
4 projects | dev.to | 16 May 2023
Over my years of working with React, I’ve loved using CSS-in-JS libraries like Emotion and Styled-components. However, their inherent performance overhead from injecting CSS at runtime and their incompatibility with the latest Next.js features such as App Router and React Server Components (RSC) have always been a nagging issue for me.
What is your must have npm package on any given project?
15 projects | /r/webdev | 5 Apr 2023
🏆⚛️React Roadmap Guide for Beginners 2023
3 projects | dev.to | 30 Mar 2023
Styled components is a CSS-in-JS tool that bridges the gap between components and styling. The main goal of this tool is to provide us a flexible way to add custom styling to our components in a functional and reusable way.
Vanilla+PostCSS as an Alternative to SCSS
15 projects | dev.to | 30 Mar 2023
CSS modules are not to be confused with mixins, as they serve the opposite purpose. While mixins are components or functions to be reused globally, modules are style sheets with a local scope used in a similar way as styled components in React.
Setup ReactJs + TS + Styled-Componets + Redux
3 projects | dev.to | 27 Mar 2023
In this blog tutorial, we will see how we can setup a ReactJs project with Typescript, styled-components and redux toolkit.
I cloned dev.to with react, firebase, chakraui and more...
4 projects | dev.to | 2 Mar 2023
Although I used styled components for styling , I was too lazy to make some styles on my own , so I switched to ChakraUI (A React UI component library).
What are some alternatives?
styled-jsx - Full CSS support for JSX without compromises
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
styletron - :zap: Toolkit for component-oriented styling
PostCSS - Transforming styles with JS plugins
material-ui - MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
Aphrodite - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
react-bootstrap - Bootstrap components built with React
React CSS Modules - Seamless mapping of class names to CSS modules inside of React components.
linaria - Zero-runtime CSS in JS library