Category Archives: coding

Collection of essential UI components

A lightweight collection of essential UI components written with Vue.js and inspired by Material Design. Keen UI is designed to be a lightweight Vue.js UI library with a simple API. Though the design is inspired by Google's Material Design, Keen UI is not meant to be a full implementation of the spec. Keen UI is not a CSS framework, and...

Collection of essential UI components

Freebie: 4 Bootstrap Gallery Templates

In this post we would like to share with you 4 awesome image gallery templates for Bootstrap 3. Just like all our freebies, these templates are completely free to use (no attribution required), fully responsive, and super easy to implement – just copy and paste!

Freebie: 4 Bootstrap Gallery Templates

Layersnap: Build SVG animations

LayerSnap is a script that builds on top of Snap SVG to enable simple declarative SVG builds by editing the SVG markup's attributes. You can even build animations from the Layers palette in Adobe Illustrator! An SVG illustration can be animated by grouping elements and giving those groups an attribute to specify their transition type, duration, and delay.

Layersnap: Build SVG animations

js-offcanvas

A lightweight, flexible jQuery off-canvas navigation plugin which lets you create fully accessible sidebar or top/bottom sliding (or push) panels with keyboard interactions and ARIA attributes.

js-offcanvas

Responsive, sortable, filterable and draggable grid layouts

Muuri creates responsive, sortable, filterable and draggable grid layouts. Yep, that's a lot of features in one library, but we have tried to make it as tiny as possible. Comparing to what's out there Muuri is a combination of Packery, Masonry, Isotope and jQuery UI sortable. Wanna see it in action? Check out the demo on the website. Muuri's layout...

Responsive, sortable, filterable and draggable grid layouts

Inspiration for Search UI Effects

Today we’d like to share a couple of ideas for search interaction effects with you. Mainly, we’d like to provide you with some inspiration for how to show the search interface in an interesting way. Maybe you’ve seen some modern animations for showing the search already, like Swiss Army Man or CMMNTY. Today we want to explore some different layouts...

Inspiration for Search UI Effects