Semantic UI Reviews and details

Social recommendations and mentions

• Ask HN: I'm bad at design, which stops me from finishing side projects. Advice?

  What stack are you using? I personally recommend utilizing readily available components: https://ui.shadcn.com/ https://mui.com/ https://semantic-ui.com/ etc.. - Source: Hacker News / 5 months ago

• I hate CSS: how can I build UIs?

  Are you cool with JS frameworks? If so, you can use a higher level of abstraction that takes care of the CSS for you. If you just want to mock something up, you can use a pre-built UI system / component framework and just put together UIs declaratively, without having to worry about the underlying CSS or HTML at all. Examples include https://mui.com/ and https://chakra-ui.com/ and https://ant.design/ Really easy... - Source: Hacker News / 6 months ago

• Software Design Document - Lite

  Honestly you should build a webpage and use a UI library if you want markdown with some extra pop. Check out semantic ui. Source: about 1 year ago

• How to Contribute on the First Day of a Frontend Project

  A lot of proof-of-concept and MVP projects start out with a number of libraries meant to be temporary. Maybe the app was using Chakra UI for its modal and custom buttons, while the rest of the imported library is just dead weight. Perhaps developers have been spending more time adjusting Semantic UI’s styling to match the designs than it’s worth. - Source: dev.to / over 1 year ago

• 8 CSS Frameworks to create wonderful websites.

  Semantic UI Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. - Source: dev.to / over 1 year ago

• Comparing React Component Libraries

  Created in 2013, Semantic UI currently has 49.6.K stars, 5.1K forks, 201 contributors, and 12.6K users on GitHub. According to npmjs, Semantic UI has 7,921 weekly downloads, the lowest number of downloads on our list. This is because no significant updates have been made to the library in the last three years. - Source: dev.to / over 1 year ago

• GeoIP -- Geolocation API Service, now with Vue 3 and NaiveUI

  Moving from SemanicUI, to NaiveUI. Even though the frontend is relatively simple, I've enjoyed my experience with NaiveUI so far. Source: over 1 year ago

• AntD vs MaterialUI? what do you prefer and why?

  - Semantic UI, although it had a lot of potential, the library is no longer maintained and the community fork it's not something I would use in a production environment. Source: over 1 year ago

• Supercharge your CSS with Tailwind

  One of the main hurdles here at CSS was learning the Tailwind lingo. A lot of the utility classes provided are remarkably simple and intuitive, such as p for padding, m for margin, bg for background, and so on. There are occasions where the naming is slightly different, e.g. align-items: center becomes items-center. But these have not been a big issue at all. The naming feels faithful to the original paradigms in... - Source: dev.to / about 2 years ago

• Ask HN: Am I Misunderstanding TailwindCSS?

  I could not second this more. Tailwind is a member of a category of CSS frameworks which dramatically implement anti-pattern. Another example of this category is https://semantic-ui.com/. The only way I see how to use these libraries while maintaining a clean seperation of content and style is to use some CSS generator (LESS, SASS) and setup custom classes inheriting styles from tailwind et al. - Source: Hacker News / about 2 years ago

• I started to make something I needed to make a long time ago - Weekliner.com

  For this mockup I used Semantic UI. I love their style, but it's not nearly as intuitive or customizable as I need it to be for something like this. I'll probably have to build the styling from scratch, but I'll use this library for reference. Source: about 2 years ago

• 7 Awesome React UI Component Libraries

  The Semantic UI React is a frontend component library that is the official React integration for Semantic UI. With over 12000 stars on GitHub, this UI library has lots of prebuilt components that can be used to create aesthetically pleasing user interfaces for your next projects. - Source: dev.to / over 2 years ago

• Responsive Layout Setup (Header, Content, Footer) for React Apps

  Semantic UI Grid: I am using Semantic UI Control Library in our application. It is a very well-designed set of UI controls and in my view is a strong contender to Bootstrap. For this case, I have used Grid to create multiple columns for links and other elements. Of course you could also use FlexBox, or any other styling library. - Source: dev.to / over 2 years ago

• Get User Current Location Using HTML5 Geolocation API ← JavaScript

  As you can see, I have linked to semantic-ui which will help me save some time on the UI side. - Source: dev.to / almost 3 years ago

• Vue.js + Google Maps API: Getting User Location

  As you can see, there is an input field with a button on the right, along with a few elements building a grid-based layout using semantic ui css framework. - Source: dev.to / almost 3 years ago

• Vue.js + Places API: Build A Nearby Locations App

  Let’s create a two-column grid layout with a Semantic UI CSS framework. - Source: dev.to / almost 3 years ago

• using both semantic ui and ant-design on the same website

  Do you mean semantic ui react? If so, I would no longer use it. You are also required to install the un-maintained semantic UI CSS package, which uses a version of Gulp that doesn't run on Node 12+. Source: almost 3 years ago