# Semantic UI React Reviews **Vendor:** Semantic UI **Category:** [Component Libraries Software](https://www.g2.com/categories/component-libraries) **Average Rating:** 3.9/5.0 **Total Reviews:** 11 ## About Semantic UI React Semantic UI React is the official React integration for Semantic UI. ## Semantic UI React Reviews ### 1. Light and beautiful UI components **Rating:** 3.5/5.0 stars **Reviewed by:** Abel F. | Small-Business (50 or fewer emp.) **Reviewed Date:** August 11, 2023 **What do you like best about Semantic UI React?** What I love from Semantic UI React is how easy it is to integrate its components in any React application. With the out-of-the-box components you can build a very light and beautiful UI. I first met Semantic UI with its jQuery version and chose it because of its visual simplicity. I did not really like other libraries' colors and/or designs, and by searching for alternatives I found Semantic UI. Since then, I always use it for my personal projects, and when speed is required also for professional ones. So, when I started using React for SPAs, I obviously chose Semantic UI React and I am very happy with my decision. **What do you dislike about Semantic UI React?** The main thing I do not like about Semantic UI React is that customising their components can be really challenging. In my honest opinion, they abuse the CSS '!important' rule, which is a problem sometimes when you need to give a small cusomised look to their components (e.g., slightly change the color of a button). A last thing I did not like about the React version of Semantic UI is that animations are not working as well as they did for its jQuery version. As an example, if you want to add an animation when modals open you have to do lots of workarounds with the Transition component. I mean, the transition does not come by default with the Modal component, and in some ocasions dealing with Transitions can be quite tedious. **What problems is Semantic UI React solving and how is that benefiting you?** Semantic UI React provides a lot of built-in functionality in every component, which allows you to build a web application with a nice-looking design in a matter of hours. You will obviously need more time to correctly set up everything, but you can even do a very fast demo of a Lo-Fi design on the fly if you master their components. ### 2. Semantic UI, Css Framework **Rating:** 3.5/5.0 stars **Reviewed by:** Kishan D. | Member of Technical Staff, Small-Business (50 or fewer emp.) **Reviewed Date:** August 10, 2023 **What do you like best about Semantic UI React?** Semantic UI React is the CSS framework. It has a great feature where we can integrate it with React js. it can also be used in Angular and View.Js. It provides designed components for React and also some styled classes by which using the class name we can give styling to the element. **What do you dislike about Semantic UI React?** It comes with some limitations like the customization can be a little difficult as compared to material UI and also it charges for it is comparatively more. It comes as in the bundle of js modules which might be large in size. Sometimes it is difficult to use for extra ordinary styling. **What problems is Semantic UI React solving and how is that benefiting you?** Semantic UI React solve many problems like we do not need to write CSS from scratch. the js bundle can be reused and the component of react can also be reused. It helps to save time also and is good for standard design provided by Semantic UI. ### 3. Semantic UI makes development easy and fast **Rating:** 3.5/5.0 stars **Reviewed by:** Vansh K. | Trainee, Small-Business (50 or fewer emp.) **Reviewed Date:** August 10, 2023 **What do you like best about Semantic UI React?** Semantic UI is easy to use and integrate.I am working on an Chatting Applicaiton, users chat with their friends. I am using Semantic UI in that project. It contains a wide variety of components and easy to use in our application, the documentaion is well structured and begineers friendly. The Tryit and codesandbox feature is really awesome. **What do you dislike about Semantic UI React?** Although it contains a wide variety of components in Sematic UI, but I didn't find navbar or menu. or i missed it. **What problems is Semantic UI React solving and how is that benefiting you?** semantic ui provides a good user experience with wide variety of components and easy to integrate in our applications. the documentation is so good, the try it and code sandbox feature is just incredible. ### 4. Components UI **Rating:** 5.0/5.0 stars **Reviewed by:** Mehul P. | Software engineer, Mid-Market (51-1000 emp.) **Reviewed Date:** August 10, 2023 **What do you like best about Semantic UI React?** semantic ui is one of the best ui libraires i am familiar with the it gives you components which are jquery free the api is so smooth and you can implement it in your project like butter there are auto state managed components which helps a lot **What do you dislike about Semantic UI React?** The aut state managed and props managed compoenents can sometimes be a hassle and can have issues which we cannot access as it is a predefined in the libabry we need to overwrite it which increases the code complexity **What problems is Semantic UI React solving and how is that benefiting you?** IT helps me with the ui componenets as they are predefined the implementaion is really easy and because it is jquery free we dont need to reply on jquery if any error arises ### 5. User Experience **Rating:** 3.5/5.0 stars **Reviewed by:** JAGADALE S. | Software Developer, Information Technology and Services, Small-Business (50 or fewer emp.) **Reviewed Date:** August 13, 2023 **What do you like best about Semantic UI React?** I personlly found this react library to be easy to use. Semantic UI React provides us semantic naming, responsive design and consistent styling. It helpsed me to create accessible components and integration with react ecosystem. **What do you dislike about Semantic UI React?** The one thing I dislike about this library is that it contains large number of components and styles which lead to large bundle size of the application. Also this library provides limited control over styling. **What problems is Semantic UI React solving and how is that benefiting you?** Semantic UI React helps us to have consistency throughout our application and design. It provides us flexibility to deploy our application on various devices with different sizes i.e responsive design. ### 6. Experience in Semantic Ui **Rating:** 4.0/5.0 stars **Reviewed by:** pramod g. | softwere developer, Mid-Market (51-1000 emp.) **Reviewed Date:** August 27, 2023 **What do you like best about Semantic UI React?** This is a open source framework, to build the web application **What do you dislike about Semantic UI React?** less responsive design, semantic does not support internet browser **What problems is Semantic UI React solving and how is that benefiting you?** improve a responsive design and support all browsers ### 7. Best library to work with React **Rating:** 4.5/5.0 stars **Reviewed by:** Ajay M. | Small-Business (50 or fewer emp.) **Reviewed Date:** April 20, 2023 **What do you like best about Semantic UI React?** best library to work with react. also it has lot of predefined compoennt, we just need import them and use it. **What do you dislike about Semantic UI React?** I don't like the color they provides, like for buttons etc, but then again we can change the color at our end. **What problems is Semantic UI React solving and how is that benefiting you?** Without Semantic UI, we need to create our own custom component, but with Semantic UI React, we get lot of prebuilt components etc. ### 8. Bend Components with Semantic UI React **Rating:** 3.5/5.0 stars **Reviewed by:** HARSH T. | Executive, Small-Business (50 or fewer emp.) **Reviewed Date:** September 26, 2022 **What do you like best about Semantic UI React?** It is a very powerful frontend library for react. It uses SCSS style sheet instead of CSS for styling. SCSS is faster and better. It is very easy to learn and also has typescript definition file. It helps to create responsive web app by providing grid component. It helps to create consistent design by providing header and footer components. In this way it has lot of inbuit components which we can add according to our use. **What do you dislike about Semantic UI React?** It still has problems with mobile devices such as iphone. Some old browsers also cause problems. It misses some components such as color picker and date time input. **What problems is Semantic UI React solving and how is that benefiting you?** It helps me to do very fast and efficient front end development. Also it helps me in mantaining consistency across all my web pages. ### 9. Semantic UI React Review **Rating:** 3.5/5.0 stars **Reviewed by:** Mateusz B. | Frontend Developer, Mid-Market (51-1000 emp.) **Reviewed Date:** October 29, 2020 **What do you like best about Semantic UI React?** Simple install and usage. One more thing is also SCSS stylesheet usage instead of CSS in JS. Using scss allows user to create faster and more customized views than them created in CSS in JS. It has also typescript definition file which is pretty good. **What do you dislike about Semantic UI React?** It looks a bit "verbose", it is good enough to use it in internal administration panels but for website front page propably not. It is also missing some essential features such as Datetime input, tag input, color picker and autocomplete. **Recommendations to others considering Semantic UI React:** Check issues on their github page before use **What problems is Semantic UI React solving and how is that benefiting you?** Semantic UI contains Typescript definition files which improve type checking. It would take a while to recreate them from scratch. Other thing is that react JSX tree looks more clear when use predefined semantic components than using plain css classes ### 10. It was really easy to use **Rating:** 3.5/5.0 stars **Reviewed by:** Verified User in Government Relations | Small-Business (50 or fewer emp.) **Reviewed Date:** July 12, 2021 **What do you like best about Semantic UI React?** The default components are really easy to use and fit the fast developing norms **What do you dislike about Semantic UI React?** It is harder to make custom components and reuse the on other pages **What problems is Semantic UI React solving and how is that benefiting you?** I wanted to have a frontend fast. This really solved my problem ### 11. Semantic UI React Review **Rating:** 4.0/5.0 stars **Reviewed by:** Zhen (Jen) W. | Front End Engineer, Information Technology and Services, Mid-Market (51-1000 emp.) **Reviewed Date:** October 18, 2019 **What do you like best about Semantic UI React?** Semantic UI React is a very useful front-end library for React applications. It is easy to learn and use. I used it once for my client project and I benefited from the velocity and consistency of using it. Semantic UI enables developers to build websites with fast and concise HTML, along with a complete mobile responsive experience. We also got introduced to the React version of Semantic UI, Semantic UI React, which allows us to use Semantic UI in our React apps. **What do you dislike about Semantic UI React?** Using any library or any framework means some limitations besides benefits. So one of the things that I don't like is it sometimes limits the freedom or flexibility of development. Semantic UI React doesn't provide any styling as of now, it generates valid markup. So developers still need SUI's compiled CSS. Also, it sometimes has issues with mobile devices such as iPhone and iPad and old browsers which developers have to find workarounds or polyfills. **Recommendations to others considering Semantic UI React:** Semantic UI React is great overall if you are looking for UI library that can help your React applications with consistent styles. It is beginners-friendly without a long learning curve. Semantic UI lets developers to build websites with fast and concise HTML, along with a complete mobile responsive experience. Semantic UI treats words and classes as exchangeable concepts. **What problems is Semantic UI React solving and how is that benefiting you?** Trying to build a React dashboard web application with consistent UI across pages. The benefit is Semantic UI does the job that I need. - [View Semantic UI React pricing details and edition comparison](https://www.g2.com/products/semantic-ui-react/reviews?section=pricing&secure%5Bexpires_at%5D=2026-05-17+14%3A47%3A27+-0500&secure%5Bsession_id%5D=fad1bbfb-40c1-4530-b266-2334b8b4c635&secure%5Btoken%5D=0dc95cc227b27186b964f97c00a1abe133b9ce97333017fe5a4f5cf893f01278&format=llm_user) ## Semantic UI React Features **Functionality** - Language Contingency - Component Library - Unlocked Components **Management** - Framework Integration - Repository Management - Support ## Top Semantic UI React Alternatives - [Essential Studio](https://www.g2.com/products/essential-studio/reviews) - 4.5/5.0 (698 reviews) - [Progress Kendo UI](https://www.g2.com/products/progress-kendo-ui/reviews) - 4.4/5.0 (247 reviews) - [Progress Telerik](https://www.g2.com/products/progress-telerik/reviews) - 4.5/5.0 (206 reviews)