mermaid-cli
Fomantic-UI
Our great sponsors
mermaid-cli | Fomantic-UI | |
---|---|---|
7 | 20 | |
2,031 | 3,469 | |
4.6% | 0.8% | |
8.6 | 8.8 | |
5 days ago | 3 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
mermaid-cli
- Nomnoml
- The Unreasonable Effectiveness of Sequence Diagrams in MermaidJS
-
D2 is now open source β a new, modern language that turns text to diagrams
you can use mermaid-cli to create pngs/svgs
-
Mermaid: Create diagrams and visualizations using text and code
I come from past experiments with (py)graphviz, yed, probably a couple other forgotten things. (As well as manual diagrams in LucidChart and even Inkscape.) And am generally a non-web python guy.
I was looking at Mermaid last weekend, since a coworker has praised it a few times and I was wanting to play with it.
I think my expectation of how to use it was wrong? I typically expect to share my diagrams as .png files. The main documentation didn't seem to give much guidance in this usecase.
I ended up going to https://github.com/mermaid-js/mermaid-cli ... there didn't seem to be a simple install-and-use pathway similar to `apt` or `pip`, so I ended up trying the docker image for it. I got it working to create pngs, but I thought having to mess with docker volume mounts and defining my own aliases (`alias mermaid='docker run -u $UID -it --rm -v ~/mermaid:/data minlag/mermaid-cli -i'` so I can do `mermaid blah.mmd` in my ~/mermaid folder) was a bit cumbersome...
Just sharing to see if there's hot takes on where I went wrong, I guess. (for example, I certainly didn't extensively read the docs to understand the usage paradigm it's intended for)
- Open Source Flowchart Generator?
-
Diagrams as Code
node cli tool if java isnβt your thing. https://github.com/mermaid-js/mermaid-cli
Fomantic-UI
-
Shadcn: Beautifully designed components that you can copy-paste into your apps
https://fomantic-ui.com/ (fork of Semantic-UI)
Like other CSS-Frameworks, this can be used by adding the CDN Links for CSS/JS to the Page, and then using the components/classes.
- What CSS framework do you suggest to work alongside sveltekit?
-
What's your preferred CSS solution for your projects?
I've been using fomantic ui in my project since the beginning. I enjoyed a lot Semantic UI's idea of "semantic css", and it had plenty of components and visual sugar for my needs.
-
What are some good plain JS frontend libraries?
https://fomantic-ui.com is the active community fork of Semantic UI, which depends on jQuery which you're allowed, but has the neatest, most memorable class names and function calls out there. Hence the "semantic" name. Also plenty of support e.g. by datatables.net
-
Kweb 1.0.0 released! The powerful but lightweight Kotlin web framework for backend devs
There is a simple plugin for Fomantic UI, documented here.
-
Tailwind CSS v3.2: Dynamic breakpoints, multi-config, and container queries
Sounds like https://fomantic-ui.com (the active community fork of Semantic-UI) is more up your alley.
-
I thought it would be a good idea to have an easily styleable component in my React-inspired UI library for Godot 4
Awesome! I could see a bunch of presets being useful, like primary, secondary, positive, negative, etc. Really I just want a UI library that lets me use styling like semantic ui π
-
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.
-
Tabler: Free and open source dashboard HTML/CSS framework
https://fomantic-ui.com/
[1] https://github.com/sighupio/gatekeeper-policy-manager/tree/v...
- Fomantic-UI β A community fork of Semantic-UI
What are some alternatives?
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
Semantic UI - Semantic is a UI component framework based around useful principles from natural language.
pom-visualizer-maven-plugin - Maven plugin to visualize the POM you are working on
Kemono - The original paywall archiver/leaker. Deprecated in favor of Kemono 2.
windows11 - Windows 11 in React π»πβ‘ [Moved to: https://github.com/blueedgetechno/win11React]
react-bootstrap - Bootstrap components built with React
diagrams - :art: Diagram as Code for prototyping cloud system architectures
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
text-to-diagram-site - Compare syntax, layouts, outputs between languages for generating diagrams with text.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
graphviz-tutorial - how do I graphviz? oh I see!
theme-change - Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage