Design Resources

Create Tasty CSS3 Animations with Bounce.js Jun 12, 2014

Bounce.js is a tool for generating tasty CSS3 powered keyframe animations. The JS library for generating dynamic animations is on its way. Simply add a component, choose the preset. And then you can either get a short URL or export to CSS. Create Tasty CSS3 Animations with Bounce.js

Origami - A Free Design Prototype Toolkit for Quartz Jun 03, 2014

Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming. Most designers today create static mockups to communicate app ideas. But increasingly apps are anything but static, which means as designers we need a better tool for interaction design. Origami -  A Free Design Prototype Toolkit for Quartz

Shepherd - Guide your users through a tour of your app May 14, 2014

Shepherd is a JavaScript library for guiding users through your app. It uses Tether, another open source library, to position all of its steps. Tether makes sure your steps never end up off screen or cropped by an overflow. You can easily guide your users through a tour of your app. Shepherd - Guide your users through a tour of your app

Leaflet : Open-Source JS Library for Mobile-Friendly Interactive Maps May 08, 2014

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms out of the box, taking advantage of HTML5 and CSS3 on modern browsers while still being accessible on older ones. It can be extended with a huge amount of plugins, has a beautiful, easy to use and well-documented API and a simple, readable source code that is a joy to contribute to. Leaflet : Open-Source JS Library for Mobile-Friendly Interactive Maps

Free +350 Vector Icons : Captain Icon Apr 29, 2014

Once upon a time a youngling who was passionate about drawing since he was a child. He wanted to share this hobby with the world and do his bit. One day he had a brilliant idea: make an amazing free icon set called Captain Icon. There are +350 vector icons that can be scaled to any size without losing a bit of quality. Free +350 Vector Icons : Captain Icon
Demo:

Render 3D Scenes into SVG or HTML5 Canvas with Seen.js Apr 25, 2014

Seen.js renders 3D scenes into SVG or HTML5 Canvas. Seen.js contains a simple abstraction on top of the graphics capabilities of SVG and HTML5 Canvas elements. All of the other components of this library are agnostic to the type of context it will be rendered in.

Render 3D Scenes into SVG or HTML5 Canvas with Seen.js

iHover CSS3 hover effects pack Apr 09, 2014

iHover is an impressive hover effects collection, powered by pure CSS3, no dependency, work well with Bootstrap 3! Pure CSS3 powered, no dependency, can be used in any project. Built with Scss CSS (file included), easy modification with variables. Modular code, no need to include the entire file. 30+ hover effects in one pack. Well documented. Work well with Bootstrap 3 (Bootstrap is not necessary though). iHover CSS3 hover effects pack

Glide.js is responsive and touch-friendly jQuery slider. Mar 27, 2014

Glide.js is responsive and touch-friendly jQuery slider. Based on CSS3 transitions with fallback to older broswers. Ultra efficient CSS3 transitions & transforms. It’s designed to slide. No less, no more. It works on smartphones, tablets and desktops. Glide.js is responsive and touch-friendly jQuery slider.

floatlabels.js Follows the famous Float Label Pattern Mar 25, 2014

The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based on a Dribbble Shot by Matt D Smith. The Pattern is easy to explain. On User Interaction with an input field the placeholder value moves up, and is displayed above the typed text. This Plugin offers you the possibility to upgrade your forms with this famous pattern. floatlabels.js Follows the famous Float Label Pattern

ScrollMagic: The jQuery Plugin for magical scroll interactions Mar 24, 2014

ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a progress bar. It's the plugin for you, if you want to ... ... start an animation at a specific scroll position. ... synchronize an animation to the scrollbar movement. ... pin an element at a specific scroll position (sticky elements). ... pin an element for a limited amount of scroll progress (sticky elements). ... easily add a parallax effect to your website. ... create an inifinitely scrolling page (ajax load of additional content). ... call functions when the user hits certain scroll positions or react in any other way to the current scroll position. ScrollMagic: The jQuery Plugin for magical scroll interactions