DEV Community

Stefan Dorresteijn
Stefan Dorresteijn

Posted on • Edited on

Favorite UI kit for prototyping?

Hey everyone!

I build a lot of prototypes for my own projects and for clients, as a freelancer. Because there often isn't a budget for design, I am forced to use UI/UX kits to build these prototypes. Unfortunately, design is by far my weakest skill so I use a lot of prefab stuff, and I "borrow" a lot from other websites. However, I haven't found a real UI kit that makes prototyping easy and fun.

Which UI/UX framework or kit do you love using, and why?

Thanks!

Top comments (8)

Collapse
 
cjbrooks12 profile image
Casey Brooks

Ironically, I really like UiKit. It's got a ton of components, both CSS and JS, and looks really great. It's got enough stuff that you could build most websites and decently complex interactive web apps with it.

Collapse
 
stefandorresteijn profile image
Stefan Dorresteijn

Oe, looks really clean. I'll give it a try!

Collapse
 
staleo profile image
Stas Syritsyn

Sir, why ironically? UiKit is simply outstanding, imo.

Collapse
 
cjbrooks12 profile image
Casey Brooks

Ironic because the author was asking for a "ui kit", and I recommend "UiKit"

Thread Thread
 
staleo profile image
Stas Syritsyn

Oh. True, those german folks little lack imagination when it comes to naming haha.

Collapse
 
kspeakman profile image
Kasey Speakman • Edited

Semantic UI. It has a lot of documented elements and combinations, with reasonably memorable adjective-based css classes. Example: make a ui button primary and disabled by changing (css classes) to ui primary disabled button. We use it not just for mockups, but in production. A similar one that is completely flexbox-based is Bulma.

Collapse
 
andrewbrown profile image
Andrew Brown πŸ‡¨πŸ‡¦

At ExamPro we heavily use Adobe XD.
We needed to create lots of AWS architectural diagrams so our UX Engineer created us our own UI Kit for AWS Architectural Diagrams

We haven't settled on a UI Kit for web components as of yet.

Collapse
 
spirodonfl profile image
Spiro Floropoulos

I use tailwind