Web essentials

Customizable UI components with minimal markup & (so far) no JS inside

See the Github repo for more details on the approach and the source code.


listbox

 
 

 
 


Group 1 Group 2
 
Group 1 Group 2

button

Lorem      

Lorem
     

Lorem  
Div
  Span     Link

Lorem      

Lorem
     

Lorem  
Div
  Span     Link

checkbox

Lorem        

radiobutton

Lorem        

toggle

Single      

Multiple      

select

Lorem  
 
 


Lorem
 
 


radiogroup

Lorem  


Lorem  

textinput

Lorem    

Lorem
 

Lorem  

textarea

 

caption, tip


Pellentesque auctor sapien

Aenean habitant senectus

tablist

 
Cherry Plum Lime Apple Coconut
 


status

Lorem   Please wait...   Loading...  

tooltip

Pellentesque auctor neque nec sapien ipsum, porta auctor quis.

Pellentesque auctor neque nec sapien ipsum, porta auctor quis.


dialog

Show dialog

messagebox

Lorem ipsum!

Pellentesque auctor neque nec sapien ipsum, porta auctor quis. Aenean habitant senectus et netus et malesuada fames egestas.


glyph

Lorem ipsum   em   Cap   ex