Intuitive Class Names
Semantic UI uses human-readable class names that describe their purpose, making it easy to understand and write code without consulting documentation frequently.
Customizability
Semantic UI allows for deep customizability with its theming, letting developers adjust the default designs to match specific project requirements.
Comprehensive Components
Semantic UI provides a wide range of pre-built components like buttons, forms, and modals, which can significantly speed up development time.
Flexibility
The framework offers flexibility in terms of its modular structure, enabling developers to import only the components they need.
Detailed Documentation
Semantic UI has detailed and well-organized documentation, which helps developers quickly resolve issues and understand how to use various features.
Semantic UI[1] was one I used to use, both the plain CSS one as well as the React version of the library. Version 3.0 is coming (eventually), which has left it a bit outdated for a while, but it’s still a solid UI library imho. I have been switching away to Tailwind. [1]: https://semantic-ui.com/.
– Source: Hacker News
/
3 months ago
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
/
10 months ago
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
/
11 months ago
Honestly you should build a webpage and use a UI library if you want markdown with some extra pop. Check out semantic ui.
Source:
over 1 year ago
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
/
almost 2 years ago
Semantic UI
Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
– Source: dev.to
/
almost 2 years ago
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
/
about 2 years ago
Moving from SemanicUI, to NaiveUI. Even though the frontend is relatively simple, I’ve enjoyed my experience with NaiveUI so far.
Source:
about 2 years ago
– 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:
about 2 years ago
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
/
over 2 years ago
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
/
over 2 years ago
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:
over 2 years ago
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
/
almost 3 years ago
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
/
almost 3 years ago
As you can see, I have linked to semantic-ui which will help me save some time on the UI side.
– Source: dev.to
/
over 3 years ago
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
/
over 3 years ago
Let’s create a two-column grid layout with a Semantic UI CSS framework.
– Source: dev.to
/
over 3 years ago
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:
over 3 years ago