Uikit – A lightweight and modular front-end framework

Isn't UIKit Apple's framework. Probably time for a new name.

I&#x27;ll probably skip on UiKit. In a cursory, five-minute tryout of various components I found three errors (using latest Chrome on OSX, version 54.0.2840.98).<p>Here&#x27;s a description of the problems I found: <a href="http:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;XSo5T" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;XSo5T</a><p>The point here isn&#x27;t to nitpick. But I&#x27;ve found three problems after the most basic review. That doesn&#x27;t give me much confidence in quality of the codebase. If I commit to using this in a large project, spending 40+ hours with UiKit, how many more problems will I find? (And, ultimately have to fix).

For a quick overview of look-and-feel of elements, see <a href="https:&#x2F;&#x2F;getuikit.com&#x2F;docs&#x2F;customizer.html" rel="nofollow">https:&#x2F;&#x2F;getuikit.com&#x2F;docs&#x2F;customizer.html</a>

This has been around for a long time. I&#x27;ve used it on projects and been impressed because it&#x27;s small, naming structure is decent and it contains most things you need.<p>If I remember correctly it was developed by YooTheme, a company that sells templates for Joomla.<p>They also had a great plug in that was good for managing user submissions easily with custom fields. I used it at a time where my skills werent as good. The client is still using it AFAIK.

Another UI framework.<p>So that&#x27;s...<p>HTML&#x2F;CSS&#x2F;JS:<p><a href="http:&#x2F;&#x2F;getbootstrap.com" rel="nofollow">http:&#x2F;&#x2F;getbootstrap.com</a><p><a href="http:&#x2F;&#x2F;bourbon.io" rel="nofollow">http:&#x2F;&#x2F;bourbon.io</a><p><a href="http:&#x2F;&#x2F;foundation.zurb.com" rel="nofollow">http:&#x2F;&#x2F;foundation.zurb.com</a><p><a href="http:&#x2F;&#x2F;semantic-ui.com" rel="nofollow">http:&#x2F;&#x2F;semantic-ui.com</a><p><a href="https:&#x2F;&#x2F;getmdl.io" rel="nofollow">https:&#x2F;&#x2F;getmdl.io</a><p><a href="https:&#x2F;&#x2F;getuikit.com" rel="nofollow">https:&#x2F;&#x2F;getuikit.com</a><p><a href="http:&#x2F;&#x2F;purecss.io" rel="nofollow">http:&#x2F;&#x2F;purecss.io</a><p><a href="http:&#x2F;&#x2F;materializecss.com" rel="nofollow">http:&#x2F;&#x2F;materializecss.com</a><p><a href="https:&#x2F;&#x2F;mincss.com" rel="nofollow">https:&#x2F;&#x2F;mincss.com</a><p><a href="http:&#x2F;&#x2F;basscss.com" rel="nofollow">http:&#x2F;&#x2F;basscss.com</a><p><a href="https:&#x2F;&#x2F;muicss.com" rel="nofollow">https:&#x2F;&#x2F;muicss.com</a><p><a href="http:&#x2F;&#x2F;bulma.io" rel="nofollow">http:&#x2F;&#x2F;bulma.io</a><p>---------<p>React:<p><a href="https:&#x2F;&#x2F;react-bootstrap.github.io" rel="nofollow">https:&#x2F;&#x2F;react-bootstrap.github.io</a><p><a href="http:&#x2F;&#x2F;www.material-ui.com" rel="nofollow">http:&#x2F;&#x2F;www.material-ui.com</a><p>---------<p>Phew. And people complain about JavaScript frameworks. Those are just the ones I&#x27;ve remembered. Probably a hundred more whose names my memory did not retain. Varying use cases for the likes of min.css and Material Design Lite&#x2F;clones but still.<p>I also developed my own (it would be unfair to call it a framework in my case) boilerplate for front-end work, but even if I turned it into a UI framework, I wouldn&#x27;t be able to justify adding to the list above.<p>I&#x27;m in two minds about UI frameworks anyway. I keep mine as a boilerplate because I like to offer significantly different design options when I develop a website for a client, and I think front-end frameworks have played some part in the samey-ness of all websites today.<p>That said, how many start-ups have launched with less money spent on front-end developers thanks to Bootstrap? Lots, I&#x27;m sure.<p>How many hours were saved not working out all of the IE8 hacks Bootstrap includes as standard? Many, many, many.<p>Bootstrap and friends can all be chopped down to size before you even download the source files. Others like Bass CSS are designed to be extremely malleable, so I&#x27;m not sure what else there is to bring to the table.<p>Stuff like Bulma is flexbox-based, which is advertised as a feature, though I&#x27;m not sure it should be. In my experience, any mention of flexbox means &#x27;less reliable than using <i>float</i>&#x2F;<i>display: inline-block</i>&#x2F;<i>position: absolute</i> for older browsers&#x27;

Applaud you for what it a lot of work and a nice, clean UI kit. But at the end of the day, what really differentiates this one from, say, Bootstrap or SemanticUI etc.?<p>Seems to be a rehash of similar components in a lot of other libraries, but with less featured functionality. For instance, I checked out the autocomplete component, but it doesn&#x27;t seem to do a &#x27;progressive&#x27; search when you start typing in something. Instead, as soon as you start typing, it displays ALL the options in the drop down. I would much rather it does a keyword match and narrows down the selection the more you type - like other autocomplete UI kits do.

This is my favorite frontend framework ATM. I have used Zurb&#x27;s Foundation and Twitter&#x27;s Bootstrap too for fairly big projects and I found UIkit to be the best of both worlds. The markup required for it to work is much smaller than with Bootstrap, it looks great, the grid system is flexible, it has a ton of official javascript components, so this framework is pretty great. I highly recommend it.

from an SEO perspective they should rename. People searching for help will have to wade through hundreds of UIKit results for iOS

Looks interesting, though it&#x27;s odd the grid only goes to 10 columns - 12 is much more flexible.

Why does the front page tell me nothing about what it&#x27;s actually like to use this, i.e. would you at least show me some example code?<p>It&#x27;s a very generic &quot;I am yet another framework that can do everything you ever dreamed of doing&quot;.<p>ok, I get it, you have css and you can do components. How does that make you any different from React or Angular or Knockout or any other library&#x2F;framework?

How about posting link to frameworks only when they release a significant new version?

bootstrap alternative?