Our great sponsors
-
svelte-ionic-app
Ionic UI showcase app - try Ionic UI and directly go to API or source code (Svelte, Angular, Vue, Vanilla and React)
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
The UI framework are free goodies - see for a demo - https://ionicsvelte.firebaseapp.com/
In my personal projects, I like Grommet because it puts a11y and mobile first which in a lot of places are after thoughts/nice to haves.
If you're really stuck on MUI and really don't want to do any manual work for your UI library, I've had a lot of success in time-crunched projects with PrimeReact. It's got MUI-based variants for free and if you drop a fiddy for the theme designer, you can easily tweak the css as needed for a given design using MUI as a baseline.
I mean, Material is just a design system that people reference to create UI libraries. If you're working with headless components, you'd keep those same design system references when writing styles for said components. Plenty of examples of people utilizing something like Tailwind and following Material guidelines, ex Material Tailwind, Smelte, or MUICSS. Would highly recommend going the manual route (custom css/less/scss or tailwind, etc) + headless UI as it's really effective at reducing bloat in your application, and if you do it right it's extraordinarily extensible and customizable compared to just full sending an existing lib.
Related posts
- Is Chakra-UI still in use today? Or are there better libraries available now?
- do i have to pay to use pinterest's ui component library for commercial purpose -whats the advantage/disadvantage of using libraries owned by big companies
- MongoDB 2022 Hackathon submission - Introducing Indian dishes catalog
- Comparing React Component Libraries
- Gestalt – Pinterest’s Design System