SemanticEdit A Semantic Ui Playground

1 minute read

I’m curretnly playing around with Semantic UI for a ReactJs project. Semantic UI is a UI library like Bootstrap but the main focus of the libray as the name says is to provide a human readable markup and I think it does an excellent job with that goal.

Another interesting aspect of Semantic UI is that it has a lot of compoents pre-built so we can easily get pretty sophiticated complex screens developed in very little amount of time.

I felt like it would be awesome if there is a playground where I can put a bunch of semantic components together and view them in realtime how well they fit. That’s how I ended up creating SemanticEdit.

SemanticEdit is an interactive Semantic UI playground where you can copy the markup of any semantic component and paste it in the editor and the live preview will render immediately. It’s fun and productive. Give it a try and let me know what you think. Suggest me features to add. I already have a bunch of enhancements. Add yours there too. We will talk. Have some time?, contribute as well :)

Powerd By ReactJs and Meteor

I have to admit I started this project so I could learn Meteor. But I really liked the way how this project turned out at the end. I got some feedback from the community as well (Reddit, Crater) which will help to drive the tool into a usefull one.

Happy Coding Guys!

Leave a Comment