Materialize
storybook
Our great sponsors
Materialize | storybook | |
---|---|---|
50 | 322 | |
38,853 | 82,810 | |
- | 0.8% | |
0.0 | 10.0 | |
23 days ago | 4 days ago | |
JavaScript | TypeScript | |
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.
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!
storybook
-
How to use NextJS pathname in Storybook 8
Source: qcatch on Feb 22, 2024 https://github.com/storybookjs/storybook/discussions/25470
-
Storybook not picking up tailwindcss
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
-
Astro.js as an alternative to Next.js: pushing the limits
Astro has no runtime. This means no unit tests. This also means no Storybook for your Astro components (although, they’re working on it!)
-
Release Radar • March 2024 Edition
If you're into UI development, then you need to know about Storybook. It's a frontend workshop for building UI components and pages in isolation. The latest version brings some big improvements for testing and documentation with built-in visual testing. There's also React Server Component support, improved controls for React and Vue projects, as well as improved Vite architecture, Vitest testing, and Vite 5 support. Check out all the major changes in the Storybook changelog.
-
Top 10 Tools Every React Developer Needs in 2024
Storybook
-
Announcing AnalogJS 1.0 🚀
We are continuing to make building fullstack websites and application with Analog and Angular as seamless as possible, and extending the Angular ecosystem through integrations with Astro, Nx, [Vitest]https://analogjs.org/docs/features/testing/vitest, Storybook, and more.
-
Storybook 8
Storybook is the industry standard UI tool for building, testing, and documenting components and pages. It’s used by thousands of teams globally, integrates with all major JavaScript frameworks, and combines with most leading design and developer tools.
-
Add Cypress, Playwright, and Storybook to Nx Expo Apps
Expo has first-class support for building full-stack websites with React, so I can leverage that to add Cypress/Playwright for E2E testing and add the Storybook for UI components.
-
13 best React debugging tools
Storybook emerges as a pioneering solution among React debugging tools, offering an interactive environment for developers to create and test UI components. With its robust platform, teams can build, organize, and design UI components, and even entire screens, without the hurdles of business logic and plumbing.
-
Javascript is hard ayy eff
3) Look into things like StoryBook for your components - https://storybook.js.org/ - they help you get into good practices and expose you to some more advanced techniques but in a gradual and friendly way, and again, it's good to get into good habits from the start, and these help make sure you're getting into those good habits (it can be hard to learn good habits, but being forced into them helps, I find!)
What are some alternatives?
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Docusaurus - Easy to maintain open source documentation websites.
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
fluentui-blazor - Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications
Killed by Google - Part guillotine, part graveyard for Google's doomed apps, services, and hardware.
react-styleguidist - Isolated React component development environment with a living style guide
Semantic UI - Semantic is a UI component framework based around useful principles from natural language.
fractal - A tool to help you build and document website component libraries and design systems.
Bulma - Modern CSS framework based on Flexbox
svelte-luna - svelte ui kit
w2ui - UI widgets for modern apps. Data table, forms, toolbars, sidebar, tabs, tooltips, popups. All under 120kb (gzipped).
primeng - The Most Complete Angular UI Component Library