Can anybody recommend a css framework?

I’m currently searching for a good looking css framework.
Has anybody experience in using semantic ui together with imba.
Especially, how do I have to use the associated javascript file.
Thanks for any hint.

I don’t now of any specific semantic ui framework that is using Imba.

I personally like Bulma which is simple. Have you looked at material-imba?

Also it’s easier to help you if you post some code and explain what you are trying to todo.


You should be able to import any js module in Imba, or just load it on your html file.

I’m really liking utility css frameworks like Tailwind css, over bootstrap or foundation ui frameworks.

I checked the tailwind css framework. It seems to be very flexible.
I’d like to have an accordion component. Do you have an example how to implement this with tailwind css and imba ? Thanks.

for an accordion, I would simply create a .expanded class toggled on :click event.
Im just doing this off the top of my head on ipad here. Im not sure if the code below will work out of the box. I have not tested it. But it might give you an idea on how to do this.

tag Accordion
	prop expanded = no

 	# toggles expanded prop value
	def expandAccordion
		@expanded = !@expanded
	def render
				<div.accordion-item__header> “Accordion Item”
				# .expanded class is conditional on boolean value of @expanded.
				<div.accordion-item__content .expanded=@expanded :click.expandAccordion()>
					<p> “Content here”
### css
.Accordion {
	height: 0;
	overflow: hidden;
.expanded {
	height: auto;

And of course, style the components using tailwinds classes.

the tailwind framework uses e.g. a css class of hover:bg-blue-500. How can I use this with imba v1 ?

There’s an update coming soon that will allow pseudo:classes to work as expected. Is that right @somebee?

in the meantime you can do .{“pseudo:class”} or classNames=“pseudo:class pseudo:class”

not sure if it’s className or classNames. I forget.