Top 23 JavaScript UI Framework Projects
-
material-ui
MUI Core (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
Because each MFE is its own isolated entity there is a chance that when the host renders the MFE we can have an inconsistency in the designs. Though there are ways we can work around this through using popular component libraries such us Material UI throughout our Hosts and MFE's or forming themes which the MFE can inherent from the Parent ie: tailwind theme, emotion theme.
-
Project mention: How to make a Semantic UI React grid full screen with different row heights? | reddit.com/r/codehunter | 2022-05-09
I am trying to make a Semantic UI React grid full screen with a particular layout.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Project mention: Is there any commonly used or standard used UI library in React? | reddit.com/r/reactjs | 2021-12-05
From evergreen : https://evergreen.segment.com/ From uber : https://baseweb.design/
-
Project mention: In React how to import only needed Bootstrap styles. Bootstrap css modules? | reddit.com/r/codehunter | 2022-05-15
I tried with reactstrap, and yes has bootstrap css classes as components (e.g ) but you have to includes all bootstrap styles:
-
react-desktop provides a set of ready-to-use react components with the goal of bringing a native desktop experience, featuring many Windows 10 and MacOS Sierra components:
-
react-toolbox
A set of React components implementing Google's Material Design specification with the power of CSS Modules
react-toolbox - A set of React components implementing Google's Material Design specification
-
onsenui
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Project mention: Why are HTML attributes set differently into the DOM? | reddit.com/r/codehunter | 2022-04-28For one of our web applications, we used the Onsen UI js framework with its React support library
-
SonarLint
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.
-
grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
Since I had already waited for quite a bit, I started searching for other issues to work on. However, I was either finding large complicated ones or really tiny changes but nothing in between. To not waste any further time, I decided to go back and check #5735 in grommet which I had worked on previously. They still had a huge chunk of components that still needed work (4/60 done).
-
Project mention: What is Rebass and How to provide theming to Rebass Components? ⚛️ | dev.to | 2022-04-27
Rebass is a simple React UI component library that allows you to create primitive UI components using the Styled System library. With Rebass, you can get started with your design system without having to write a lot of boilerplate code. Emotion, Styled Components, and Styled System are used to create Rebass, a themeable primitive UI component library for React. Because it is designed with Styled System, any Styled System theme object should work with Rebass. Rebass components include a standardized style props API to create larger component libraries.
-
We used Base Web to benchmark Ladle and latest Storybook v6.4.19. Base Web is a complex component library and has about 350 stories. The Storybook uses the default bootstrapped settings. The test is made on MBP 2018, i7 2.7 GHz. The time is measured in seconds and less is better.
-
Project mention: UI Design by engineers. What can we do to improve? | reddit.com/r/UI_Design | 2022-05-13
Carbon is IBM’s
-
Project mention: 8 Awesome UI libraries for React Developers | reddit.com/r/devresource | 2021-08-26
Elemental UI 📎 http://elemental-ui.com/
-
Visit the official Gestalt Documentation
-
-
-
Project mention: Typescript react - Could not find a declaration file for module ''react-materialize'. 'path/to/module-name.js' implicitly has an any type | reddit.com/r/codehunter | 2021-10-15
-
-
-
Links: Demo | GitHub repo | npm page
-
-
-
volt-react-dashboard
Free and open source React.js admin dashboard template and UI library based on Bootstrap 5
git clone https://github.com/themesberg/volt-react-dashboard.git
-
JavaScript UI Frameworks related posts
- Micro Frontends 101 👨🏻🏫
- How to import Material UI Lab components from CDN
- In React how to import only needed Bootstrap styles. Bootstrap css modules?
- UI Design by engineers. What can we do to improve?
- Import bootstrap but only into one component
- 2022 the Definitive Self-Taught Guide: 8 Months to 6 Figures!
- You can start using CSS variables with MUI
Index
What are some of the best open-source UI Framework projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | material-ui | 78,636 |
| 2 | semantic-ui-react | 12,752 |
| 3 | evergreen | 11,619 |
| 4 | reactstrap | 10,294 |
| 5 | react-desktop | 9,338 |
| 6 | react-toolbox | 8,702 |
| 7 | onsenui | 8,579 |
| 8 | grommet | 7,905 |
| 9 | rebass | 7,724 |
| 10 | base web | 7,679 |
| 11 | carbon | 5,513 |
| 12 | elemental | 4,325 |
| 13 | gestalt | 3,977 |
| 14 | belle | 2,522 |
| 15 | rctui | 1,649 |
| 16 | react-materialize | 1,386 |
| 17 | aframe-react | 1,315 |
| 18 | orbit-components | 1,196 |
| 19 | shards-react | 722 |
| 20 | pivotal-ui-react | 642 |
| 21 | react-foundation | 594 |
| 22 | volt-react-dashboard | 590 |
| 23 | react-essence | 416 |
Are you hiring? Post a new remote job listing for free.
