Hello 2014 and welcome UIkit 2.1! We are happy to announce that we just released a new version of our front-end framework. UIkit 2.1 comes with some minor bugfixes and improvements and also with a great new add-on: Notify.
Posts tagged with 'UIkit'
2013 is almost over and we are looking back on many great experiences. We are very happy with everything we could achieve. Read on to reminisce with us about the past year at YOOtheme and find out what can be expected for 2014.
To take UIkit to the next level, we have been quite busy during the last two months. We completely overhauled the entire UIkit repository, simplified LESS variables, added a new component and squashed some bugs. An addition are the new add-ons which complement UIkit by offering extra functionality like a Markdown editor, datepicker, timepicker and more. Make sure to take a closer look at our Markdown editor which lets you write your markup with a realtime preview. The editor also supports syntax highlighting, an extendable toolbar and a full-screen mode.
After many hours of bugfixing, experiments and discussions we're thrilled to announce the release of UIkit 1.1 - The next milestone in the young life of our beloved frontend framework. The new release comes - besides many minor improvements and bugfixes - with two complete new components: Animation and ScrollSpy.
But before getting more into detail let's crunch some numbers. Uikit was forked over 100 times and found over 730 stargazers on Github since its initial release. We're also proud to announce that UIkit has been downloaded over 18335 times. This is awesome, thank you! Now let's get back to the two new great addtions you'll find in UIkit.
Today we'll show you how easily you can add your own styling to UIkit. First off, some fundamental HMTL and CSS knowledge and the basics of LESS are required.
Let's talk about how theming in UIkit works. Each UIkit component is defined by a LESS file. LESS can not be interpreted by browsers and has to be compiled into browser friendly CSS. For that reason we use the Node.js based task runner Grunt. Once activated, it watches the directory you are working on and compiles all LESS files into one single CSS file, whenever you save a change. Learn more about this here.
On our website you can customize UIkit and download the compiled and minified CSS. For an uncompiled version of UIkit, including all source files, clone the GitHub repository. Once downloaded, you can style your theme by using variables and hooks to add your own styling to a selector. If you don't know how to clone, fork and send pull requests, take a look at the GitHub help.
Today we are happy and proud to present our new family member: say hello to UIkit! After months of developing and testing we are ready to introduce this lightweight and modular front-end framework. UIkit powers the Warp 7 framework and all our new themes starting with Nano3. Check out the features..
- Modular and extendable components
- Consistent and conflict-free naming conventions
- Responsive and mobile-first
- Developed in LESS
- Extendable with themes
- 2 themes to get you started
- Real-time customizer
- Responsive, fluid and nestable grid
- Off-canvas navigations
- Navs, dropdowns, modals, buttons and much much more
- Supports RTL out of the box
- Comprehensive documentation
- And much more...
And the best thing about it? UIkit is completely MIT licensed, meaning that you can use it free for all your personal or commercial projects, without any restrictions. It's hosted on GitHub and open for everyone to contribute.