Radium
Materialize
Our great sponsors
Radium | Materialize | |
---|---|---|
3 | 50 | |
7,432 | 38,853 | |
- | - | |
0.7 | 0.0 | |
about 2 years ago | 22 days ago | |
JavaScript | JavaScript | |
GNU General Public License v3.0 or later | 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.
Radium
-
Object spread vs. Object.assign
options = Object.assign({}, optionsDefault, options); This is the commit that made me wonder.
-
The React roadmap for beginners you never knew you needed.
Radium
-
Tagged Template Literals - The Magic Behind Styled Components
If you have some experience with React, you probably came across styled-components. In the last few years, the concept of css-in-js became more popular, and there are multiple libraries that are available for us to use. styled-components is one of them, but you can also find Emotion, Radium, JSS, and more. In this post I'm not going to cover the pros and cons of traditional stylesheet files vs. styled-components, and instead - I'm going to focus on tagged template literals - the "magic" that let us use the styled-components syntax.
Materialize
-
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.
-
CSS Maker
MaterializeCSS https://materializecss.com
-
Roadmap to being a Full Stack Web Developer
Materialize CSS
- Thinking of quitting my job to become an SWE
-
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
- Make a simple site look good?
-
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.
-
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
-
70 Free Resources For Web Designers and Developers
57. materializecss
-
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 them. It is such a handy-dandy CSS framework!
What are some alternatives?
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
classnames - A simple javascript utility for conditionally joining classNames together
Aphrodite - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
Killed by Google - Part guillotine, part graveyard for Google's doomed apps, services, and hardware.
React CSS Modules - Seamless mapping of class names to CSS modules inside of React components.
Semantic UI - Semantic is a UI component framework based around useful principles from natural language.
inline-style-prefixer - Autoprefixer for JavaScript style objects
Bulma - Modern CSS framework based on Flexbox
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
w2ui - UI widgets for modern apps. Data table, forms, toolbars, sidebar, tabs, tooltips, popups. All under 120kb (gzipped).