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. Learn more β
Top 23 TypeScript Material Design Projects
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
-
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.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
material-shell
A modern desktop interface for Linux. Improve your user experience and get rid of the anarchy of traditional desktop workflows. Designed to simplify navigation and reduce the need to manipulate windows in order to improve productivity. It's meant to be 100% predictable and bring the benefits of tools coveted by professionals to everyone.
-
notistack
Highly customizable notification snackbars (toasts) that can be stacked on top of each other
-
material-tailwind
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
-
materio-mui-react-nextjs-admin-template-free
Materio is the Most Powerful & Comprehensive free Next.js React admin template based on MUI !! π
-
ej2-javascript-ui-controls
Syncfusion JavaScript UI controls library offer more than 50+ cross-browser, responsive, and lightweight HTML5 UI controls for building modern web applications.
-
Syncfusion React UI Components Library (Essential JS 2)
Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.
-
tokyo-free-white-react-admin-dashboard
Free React Typescript Admin Dashboard Template built with Material-UI
-
ej2-angular-ui-components
Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
I was recently able to sit down with some of the core members of Ionic, who also created Stencil a toolchain for building Design Systems and Progressive Web Apps. We talked at great length how typically companies are approaching Ionic from a Design Team and need help building components. As a developer I wanted to talk about the Web Components that are used within the Design System first. There was a decent amount of surprise, so I thought I would break down what a Design System is and why it doesn't matter which end you start with, as long as you have both your Design and Development teams working together to build your Design System.
π https://vuetifyjs.com
π https://material.angular.io
https://github.com/firebase/firebase-ios-sdk/issues/6115
https://github.com/material-components/material-components-w...
Two examples that come to mind but there are plenty
Project mention: Senior devs β how do you handle styles; and how do you scale it | /r/reactnative | 2023-10-12In most cases they are wrappers around pure RN components (as I have been burnt by styling lib in the past - exactly NativeBase and its performance issues) and in the end, created components look like very light-weight version of RN paper components*:* https://github.com/callstack/react-native-paper/blob/main/src/components/Typography/Text.tsx.
Project mention: Web Components e a minha opiniΓ£o sobre o futuro das libs front-end | dev.to | 2024-04-04
I really want https://material-shell.com/ for MacOS
it was perfect for using a single monitor
kinda like a deterministic alt+tab, you set up the layout of "workspaces" and they're always in the same place
I keep getting annoyed at alt+tab because I accidentally clicked on another window and now the order is messed up
GitHub link: GitHub β iamhosseindhv/notistack
Project mention: How to Create an Awesome Landing Page π» π± with Tailwind CSS(Step-by-Step guide) | dev.to | 2023-11-16Material Tailwind takes the essence of Tailwind CSS and offers a suite of pre-built, elegant components that adhere to modern design standards. It's like having a set of building blocks, ready to be assembled, but with the flexibility to be customized on the go. Developers can instantly implement components like buttons, modals, and cards with Material Tailwind, skipping the foundational design steps.
Materio is an admin template based on Material UI. Its UI is developer-friendly, rich with features, and highly customizable. It is available in JavaScript and TypeScript versions, and comes with features like:
Project mention: Hello, I want so serious help, tommow is deadline of the project. I want to create exact this type of navigation in angular 13.can you please tell me how to make it? | /r/Angular2 | 2023-06-26You can copy the side menu component from this project. https://github.com/ng-matero/ng-matero/tree/master/src/app/theme/sidemenu
TypeScript Material Design related posts
- Zero-runtime CSS-in-JS implementation
- Top Material Design 3 web frameworks of 2024
- A new material timepicker component
- Ask HN: What's your favorite UI library?
- The big Angular UI library comparison π
- Material: Reusable Autocomplete component
- Had an accessibility audit. A lot of the findings we can tie back to open issues with angular material. How are you all handling situations like this?
-
A note from our sponsor - SurveyJS
surveyjs.io | 27 Apr 2024
Index
What are some of the best open-source Material Design projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Material UI | 91,600 |
2 | Ionic Framework | 50,410 |
3 | vuetify | 39,024 |
4 | components | 24,072 |
5 | Material Components Web | 17,076 |
6 | react-native-paper | 12,211 |
7 | vsc-material-theme | 11,175 |
8 | material-web | 8,604 |
9 | material-shell | 7,225 |
10 | react-native-material-kit | 4,840 |
11 | notistack | 3,773 |
12 | material-tailwind | 3,304 |
13 | angular-ngrx-material-starter | 2,800 |
14 | covalent | 2,235 |
15 | DevExtreme React Grid | 2,056 |
16 | mdbootstrap | 1,401 |
17 | materio-mui-react-nextjs-admin-template-free | 1,322 |
18 | ng-matero | 1,173 |
19 | materialize | 835 |
20 | ej2-javascript-ui-controls | 387 |
21 | Syncfusion React UI Components Library (Essential JS 2) | 320 |
22 | tokyo-free-white-react-admin-dashboard | 285 |
23 | ej2-angular-ui-components | 273 |
Sponsored