Foundation
material-ui-docs
Our great sponsors
Foundation | material-ui-docs | |
---|---|---|
31 | 119 | |
29,603 | 309 | |
0.1% | 1.3% | |
6.4 | 10.0 | |
8 days ago | 2 days ago | |
HTML | 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.
Foundation
- I hate CSS: how can I build UIs?
-
Top 5 CSS Frameworks
2. Foundation
-
An Overview of 25+ UI Component Libraries in 2023
Just when we thought we'd seen it all, giants like Twitter Bootstrap, Foundation, and Bulma entered the scene. They made development quick and ensured consistent styling, but the flip side? Websites began feeling a bit too...uniform.
-
Ur Go-To on UI with Flask?
Foundation is also easy to use since no one has mentioned it. Copy and paste, tons of templates ready to go. https://get.foundation/
-
8 CSS Frameworks to create wonderful websites.
Foundation The most advanced responsive front-end framework in the world. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device.(From their official website).Foundation is used by big organizations such as; Disney, Samsung, Adobe, National Geographic, e.t.c
-
My Journey to Becoming a Full Stack Developer
I was definitely not a "full stack developer" on day one, or year one, two or three. At least I didn't call myself one for a long time. For one thing, the term "full stack developer" wasn't popular at the time. But as JavaScript libraries (jQuery) and frameworks (Angular, React) became common place in the industry, and CSS libraries (Bootstrap, Foundation) replaced writing your stylesheets by hand, there became demand to be capable in both the front-end and back-end of an application.
-
for someone who do desktop app all the time. what i need to switch to web with c# background?
If you decide to go the second route, just focus on a front end framework and mock out an API with something like Postman (much like you'd mock one out for a unit test). You will deeeefinitely need to know not only Javascript, but the ecosystem that comes along with it (Node, npm, maybe Jest or Typescript). You will also need to know CSS, and possibly a UI framework like Bootstrap or Foundation.
-
Setup Vite, Svelte, Inertia, Stimulus, Bootstrap / Foundation on Rails-7 (Overview)
This bundle of tutorials is bringing together Rails-7, Vite, Inertia, Svelte, Stimulus, Turbo, and: Bootstrap or Foundation-Sites.
-
Top 9 Best UI Component Libraries/Frameworks in 2022 for Frontend Developers🔥
Foundation comes in two flavors: Foundation for Sites (formerly known as Foundation v5) and Foundation for web Apps (formerly known as Foundation 6). Both are open source but the latter comes with additional features specifically tailored for building browser-based apps like web apps or native iOS/Android apps using React Native. To date, it has been downloaded over (npm) 23 million times and it has around 29,000+ GitHub stars.
Foundation is a family of responsive front-end frameworks. It is built with SASS, a CSS preprocessor, and is maintained by ZURB, a design and development agency. The framework is known for its grid system and its mobile-first approach to building layouts.
material-ui-docs
-
Material UI vs. Chakra UI: Which One to Choose?
Explore Material UI: Material UI Documentation
-
Learn CSS Layout the Pedantic Way
- UI kit (I personally have good experience with React Material UI - https://mui.com/; there is also https://tanstack.com/)
-
Is wacat tool usefull in web application normal or security testing?
the network is settled (I got the code from some discussion group). But nothing works. Playwright has also
page.waitForLoadState({ waitUntil: "domcontentloaded" }); etc.
but they are not working for my test cases.
2)
I have noticed that https://mui.com/ have dropdown menus, which implementation is far from normal html option. Mui uses some kind
-
Ask HN: Who is hiring? (February 2024)
MUI | Remote UTC-6 to +5 | Multiple roles | Full time | https://mui.com/
I'm a co-founder and the CEO of MUI. Our objective in the short term is to become the UI toolkit for React, unifying the fragmented ecosystem of dependencies into a single set of simple, beautiful, consistent, and accessible React components. In the longer term, our goal is to make building great web UIs quicker, simpler, and accessible to more people through a low-code platform for developers.
Some things we’re proud of:
- 25% of the downloads that React receives.
- 1M developers on our documentation every month.
- Solid financials: profitable
If this sounds interesting to you, we are hiring for: UI Engineers, Product Engineers, Developer Advocate / Content Engineer:
-
33 React Libraries Every React Developer Should Have In Their Arsenal
5.material-ui
-
The 20 most used React libraries
@material-ui: Offers Material Design-inspired UI components for modern aesthetics. Learn more
-
Ask HN: Examples of best practice modern website design?
(I'm a frontend dev, but I came into the design side only later in my career, after having started as a full-stack programmer.)
I think this book is probably the single best resource I've seen on the topic: https://www.refactoringui.com/
It's a really easy-to-use format (one quick tip on each page, with clear examples).
It's from the people who made Tailwind, a CSS framework that's basically a reimagining of Bootcamp for the Javascript/component era.
Check out some of their templates: https://tailwindui.com/templates
These are lookalike "modern" designs that you can pay to use, or just draw inspiration from. Imitation == flattery and all that.
Along similar lines, check out the free Next.js templates: https://vercel.com/templates/next.js
If you want to build up from components instead, Tailwind offers a component library too: https://tailwindui.com/components
For React, I prefer the astoundingly good MUI framework (amazing components with lots of customizability, a good enough default look, and great documentation): https://mui.com/ If you end up going this route, using their Figma kit (https://mui.com/store/items/figma-react/) plus the Refactoring UI book from above should allow you to whip up a pretty standard-looking, "pretty enough" design in very little time. And then implementing it using the actual MUI lib would just take a few days.
There's also Ant Design: https://ant.design/
And Chakra UI: https://chakra-ui.com/
-----------
For more theoretical stuff (i.e., less visual but still very valuable), the UX research group Nielsen Norman still has a treasure trove of valuable advice: https://www.nngroup.com/articles/top-ten-guidelines-for-home...
You should know the basics of accessibility (beyond general usability, this alos means alt text, header levels, contrast ratios, readability, screen readers, keyboard navigation, special considerations for the hard of sight and hearing, etc.): https://www.w3.org/WAI/standards-guidelines/wcag/ or at least use an easy checklist tool like Microsoft's WCAG analyzer: https://accessibilityinsights.io/
-
New comers to Svelte from React, is there something I miss?
Lack of complete component library. I would pay anything to have https://mui.com for Svelte.
-
Ask HN: Who is hiring? (December 2023)
MUI | Remote UTC-6 to +5 | Multiple roles | Full time | https://mui.com/
I'm a co-founder and the CEO of MUI. Our objective in the short term is to become the UI toolkit for React, unifying the fragmented ecosystem of dependencies into a single set of simple, beautiful, consistent, and accessible React components. In the longer term, our goal is to make building great web UIs quicker, simpler, and accessible to more people through a low-code platform for developers.
Some things we’re proud of:
- 25% of the downloads that React receives.
- 1M developers on our documentation every month.
- Solid financials: profitable
If this sounds interesting to you, we are hiring for: Design Engineers, Product Engineers: https://jobs.ashbyhq.com/MUI?utm_source=Xnzy3Q3MGR.
-
Top React Component UI Libraries to Enhance Your Web Development Projects
Material-UI is a popular React component library that brings Google's Material Design principles to life in web applications. With a sleek and modern aesthetic, Material-UI provides a collection of pre-designed React components that you can easily integrate into your projects. This library not only enhances the visual appeal of your user interface but also offers a consistent and responsive design across various devices.
What are some alternatives?
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
Bulma - Modern CSS framework based on Flexbox
devilbox - A modern Docker LAMP stack and MEAN stack for local development
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
MudBlazor - Blazor Component Library based on Material design with an emphasis on ease of use. Mainly written in C# with Javascript kept to a bare minimum it empowers .NET developers to easily debug it if needed.
devdocs - API Documentation Browser
Materialize - Materialize, a CSS Framework based on Material Design
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
UI kit - A lightweight and modular front-end framework for developing fast and powerful web interfaces
Visual Studio Code - Visual Studio Code
ImageOptim - GUI image optimizer for Mac