Design Resources CSS+Javascript

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

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

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.

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

MixItUp Animated filtering and sorting Mar 18, 2014

MixItUp is a jQuery plugin providing animated filtering and sorting. Great for managing any categorised or ordered content like portfolios, galleries and blogs, MixItUp can also function as a powerful tool for engaging application UI and data-visualisation. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts. MixItUp works with your layout. Want to use percentages, media queries, inline-block, CSS3 columns or even flex box? No problem. MixItUp Animated filtering and sorting

Croppic –Crop Images with jQuery Mar 04, 2014

Croppic is an free and opensource image cropping jquery plugin that will satisfy your needs and much more. Simply upload an image, and then you are able to crop the image as you like with the zooming in and out functionality.Supports IE 10+, Chrome, and Firefox. Croppic –Crop Images with jQuery

nanoScroller.js Jan 20, 2014

nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano > .content. The other scrollbar div elements .pane > .slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets. nanoScroller.js

Hover.css Jan 11, 2014

Hover.css is a collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS. Hover.css