A growing repository with 727 bundles & 9726 resources for web ninjas
    (freebies, plugins and snippets) updated & curated every day, so it never expires.
    • SVG Backgrounds (7 submissions)

      SVG backgrounds demos put together in code playgrounds.

      • Trianglify: Low-Poly Online Background Genera...

        Trianglify is an online tool for creating low-poly backgrounds by modifying render options and the color scheme. With it you can modify the width, height, cell size, cell padding, bleed, and even randomize the colors. After you're done, you can download the result.

      • SVG Low-poly Background CSS and JS Snippet

        A code snippet made in CSS and JavaScript which creates an animated background in low-poly style. It is perfect for any kind of website, although its modification is a bit painful, especially its colors. The snippet is free and it was created by Samuel Marchal.

      • CSS SVG Background Image

        Yet another SVG background image project featuring a neat texture made in CSS. This time, we get multiple lines going diagonally across the design providing a very subtle effect that makes the background less plain, without gathering too much attention. It was created by CodePen's user Alex.

      • CSS SVG Background Images

        The final result of this project displays an amazing background image that combines a violet-to-blue diagonal gradient with a set of lines going across it, generating an impressive effect that is guaranteed to stand out. Created and uploaded to CodePen by Philip Rogers.

      • Light SVG Background Image

        A project that provides a background image with SVG, incorporating a very subtle texture over a solid white base. It makes use of HMTL, CSS (LESS) and JavaScript to function, while the SVG is encoded as a base64. It was created by CodePen's user Phillip Rogers.

      • Dark SVG Background Image

        Phillip Rogers from CodePen came up with this idea for a texturized background combining HTML, LESS and JavaScript. It features a dark gray base with black holes organized diagonally, creating an attractive effect and giving a bit more profile to an otherwise uninteresting image.

      • Noisy SVG Background

        A nicely styled background image created with HTML, LESS (a variant of CSS) and JavaScript. It features a noisy texture, creating an illusion similar to sandpaper, bringing out the background. This code snippet was designed and published by CodePen's user Phillip Rogers.

      • Collapse Expand List View all items Download Bundle Submit
    • CSS Text Effects (16 submissions)

      Outstanding text effects in CSS

      • Magnetype: SCSS Text Effect Snippet

        A compelling effect for texts made in pure SCSS. Its main idea is to create a diagonal glowing effect over a set of letters. It uses keyframes to animate letter by letter. The code is lightweight and can be used in web and mobile designs.

      • CSS Text Styles & Hover Effects

        A collection of several hover effects applied to texts, creating different styles and experimenting with a good number of fonts. These styles can be applied to any website or app; the CSS code is easily modifiable and it is free.

      • Stunning SCSS Hover Effects

        A compelling set of 10 hover effects made in SCSS. The effects represent different aspects of technology and life like travelling, nature, architecture, animals, cities and more. They are lightweight and can be integrated into any project, personal or commercial. All credits go to Renan C. Araujo.

      • Easy CSS Mask Textures

        A code snippet with some mask effects made in CSS that makes the text look vintage. It is a simple effect that does not need any JavaScript and is easy to implement. It was created by Jeremy Frank.

      • Jelly Letters: CSS & JavaScript Hover Te...

        A CSS and JavaScript text effects that resemble jelly. It is a lightweight creation that also has a reflection. It can be implemented as a decorative element in any website or mobile app. It was created by Mauricio Allende.

      • Scotch Digital: Exploding CSS & JS Logo

        A beautiful logo that explodes when you hover over it, made in CSS and JavaScript. It can be used in digital presentations and other public events as a decorative element that baffles your audience. It was created by Nicholas Cerminara.

      • Webfont Effects CSS Code Snippet

        A CSS code snippet with various web fonts by Google and different effects for each one of them. the effects include shadows, gradients and a sketch texture. This snippet was created by Codepen's user Stephy.

      • CSS3 Glowing Text Snippet

        A compelling code snippet with a 3D CSS3 effect that can be applied to any text. It uses pure CSS to achieve the glow, and it is also animated, making it perfect for grabbing the attention of the user. It was created by CSSDeck user mutukrish and it is free.

      • CSS & jQuery Legibility Optimizer

        A nice legibility optimizer created with jQuery for functionality and CSS for styling. It lets you modify the size of the texts thanks to a slider, and it also allows you to modify the mode (night or day). It is free for you to grab and use, and it was created by White Wolf Wizard.

      • CSS Drop Caps jQuery Plugin

        dropcap.js is an easy-to-use tool that creates those beautiful nice big capital letters at the beginning of some books and magazines. It creates this effect for web texts, which are not that common as we might think. To use it, enclose it in an HTML element and include the script in your page. That's it.

      • Using Horizontal Striping (Gradients)

        Retro Text Effect with CSS Gradients and text mask

      • 3D Text Effect + Ambient light

        I wanted to create 2 different 3D Text effects. One with light that comes from a human made source and one from a non-human source.

      • Funky TeCSSt

        Beautiful CSS text effect create by James Basoo. Inspired by

      • Masked Text with texture

        Daniel Riemer from has published this amazing freebie where he's pretending to make an stamp text effect applying texture to the text with alpha png and css3 mask-image css techniques.

      • A Blue Background and Text Shadow Integration

        Katy DeCorah comes again surprising us with this text effect that integrates well with the bacground apparently made with CSS properties too.

      • Lined Shadows Text Effect with CSS

        The base64 encode pattern technique and background clip CSS property is used by Tim Holman in this freebie to create this interesting text effect without wasting no more than 15 code lines and applied to any font family and any text.

      • Collapse Expand List View all items Download Bundle Submit
    • jQuery Effects (71 submissions)

      A list of cool and useful jQuery and JavaScript effects and animations for multiple purposes.

      • jQuery Tilted Page Scroll Effect

        A 3D tilted effect made in jQuery which activates when the user scrolls. It is similar to the effects of cover flow, and it's perfect for photography websites and portfolios with tons of images. Licensed under the GNU General Public License.

      • Raindrops.js: Wavy DOM Elements Effects jQuer...

        Raindrops is a jQuery plugin for creating beautiful raindrops and wavy effects for any kind of web elements. It is inspired by an article about making a dynamic 2D water effect, adapting a JavaScript library and a jQuery plugin with the physics.

      • WobbleView: Wobble Swift Effect

        WobbleView is an implementation of the popular wobble effect for any view in your app made in Swift. It can be used to easily add dynamics to user interactions and transitions. It allows a cool effect on mobile apps, similar to those used by recent versions of Skype. The plugin was released under the MIT license and it was created by inFullMobile.

      • AniCollection: Online CSS3 Animations Collect...

        AniCollection is an online set of animations made in CSS3. They work for multiple purposes like focus the attention of the user, entrances, exists, fading effects, flippers, rotations, sliding effects and more. The effects can be saved and then downloaded in a bundle in CSS, HTML, jQuery or AniJS.

      • Stylish Elements Transition jQuery Effect

        A nice set of stylish effect made in jQuery. Among them you can find translate, rotate, scale, skew, opacity and radius. the scripts are really simple to modify and implement, and they can be grabbed for free. They were created by Satoshi Okami.

      • CSS and jQuery Navigation Reveal Effect

        A nice CSS and jQuery effect for a navigation menu. It works by revealing a simple text menu once the button is clicked, putting apart the whole content window. The menu can integrate images if you need them, and the velocity can be modified at will. This snippet is free and was made by Codepen user ZCKVNS.

      • FancyBoxes: jQuery Animated Boxes Plugin

        FancyBoxes is a jQuery-based HTML5 plugin that creates fancy animated boxes, that can animated opening for your containers and it has 11 animation types, 4 queue type and the best part is you pick all the colors. The documentation can be found at Github, as well as the free download.

      • Easy jQuery Loading Effects Plugin

        A jQuery plugin that helps you create animated intro loading pages. The plugin can be installed and used easily, it's responsive, really light, you don't need to know jQuery to use it, and it has a GNU General Public License.

      • jQuery Random fade In Plugin

        A plugin made in jQuery for creating simple fade effects randomly. It includes some parameters to change the duration (with an initial value of "slow") and repetition (true by default). The creator of this plugin is Yuusaku Miyazaki and it's licensed under MIT.

      • jQueryTween: Lightweight Animation jQuery Plu...

        A jQuery plugin that controls animations for tween.js, the JavaScript animation engine, which makes work easier. It supports the most popular transitions like transform, opacity, color and backgroundPosition. You can use this plugin in any project, whether it is personal or commercial.

      • jQuery Text Revealing Effect

        A jQuery effect that gradually reveals text from left to right with a fade-in effect. It is perfect for presentations, allowing you to modify the speed and other features. This plugin is free, it was created by erspark2002 and it is licensed under MIT.

      • Birdman.js: Random Text Appearing jQuery Plug...

        Birdman is a jQuery plugin that allows you to animate text as in the credits of the movie "Birdman", making sets of letters appear randomly. This plugin is free to download and can be used in any kind of project (commercial or personal). It was created by Christoph Matthies and it's licensed under MIT.

      • Starfield: Starry Background jQuery Plugin

        Starfield is a simple jQuery plugin for adding a cool starry background to any website. To use it, you just need to add the .starfield() method on a selected div and modify the star density, the mouse scale and seed movement. It was created by rocketwagon.

      • Menu-to-cross Icon jQuery Plugin

        A cool plugin with several jQuery effects for creating animated icons for menus. It includes 6 variations, clicking the code brackets icon will vertically center the page into your browser, you can use CSS brackets, use SVG, Unicode characters, pseudo-elements and more.

      • CSS & jQuery Morphing Buttons

        A nice and lightweight set of buttons made in CSS and a bit of jQuery. They are part of a set but can be used individually as well without losing properties or qualities. When hovered over, each icons transforms from a circle to a drop. It was created by Chris Kelley.

      • LESS & jQuery Flat To-Do-List

        A neat code snippet displaying a todo list that activates its animations when hovered and clicked It was created with JavaScript and LESS. You can remove instances by clicking on the check mark and add new ones by clicking on the plus sign in the right corner. It was made by Andy Tran.

      • CSS & jQuery Random Motion Blur Snippet

        A code snippet that shows a blur effect with a random motion. This uses very little CSS and jQuery, and it is really lightweight, making it easy to implement in any project. It was created by Lucas Bebber.

      • CSS & jQuery Motion Blur Experiment

        A compelling CSS and jQuery experiment to achieve a velocity effect that creates the visual effect of blurring. It can be used on modals, texts and any other element on a website. This effect was created and made free by Lucas Bebber.

      • PleaseWait: JavaScript & CSS Loading Eff...

        A set of CSS and JS loading effects generator that allows you modifying the loading of a single page. It has around 10 effects in different shapes and sizes. You can also modify the color of the background and whether to have a message or not. It was created by Pathgather.

      • OneBook3D: Free Flip-book jQuery Plugin

        OneBook3D is a jQuery plugin for creating flip books. It was designed especially for book-style presentations, supported in major browsers, including IE 11. Thanks to WebGL, it has enhanced speed and rendering for animations, and it's fast in mobile devices also.

      • deck.js: Presentation JavaScript Plugin

        A plugin made with CSS and JavaScript, perfect for creating HTML presentations and slideshows. The presentations can be manipulated with the keyboard arrows, making it simple to navigate through them. It comes under the MIT license and it was created by Caleb Troughton.

      • CSS & jQuery Material Design List Popup

        A gorgeous code snippet made in CSS and jQuery for list elements. It animates the selected item of a list, adding a little close button on the right and highlighting it with a bigger size and another color. This snippet was made by Codepen's user Lewi Hussey.

      • CSS & JS Expandable Image Gallery Plugin

        An expandable image gallery made with CSS and JavaScript. It makes an element expand on click, occupying the whole screen and the going back again when clicked. It is a free resource, easy to implement, and it also comes with an article about the creation process.

      • CSS & jQuery Grid Zoom Effect

        A cool effect for zooming content, especially when it's in a gallery. The magic of this snippet relies in its smooth hover effect, which lets the hovered image flow through the container (thanks to the movement of the mouse). This is an easy to use snippet, made with CSS and JavaScript by Codepen's user Marco Barría.

      • CSS & jQuery 3D Rotating Navigation

        A CSS and jQuery navigation that looks like a 3D effect when it appears. It is complemented with beautiful typography and outlined icons for major impact. It uses CSS transforms and transitions to make it smooth and neat. It can be used freely.

      • SVG Morpheus: Morphing SVG Icons JavaScript L...

        A library in JavaScript for creating animated SVG icon that morph into the next one. It applies the concept of Delightful details of the Material Design trend.

      • SweetAlert: Browser Alerts JavaScript Plugin

        SweetAlert is a useful JavaScript plugin that replaces those awful default JavaScript browser alerts and replace them with other designs, beautifully styled and centered on the page. They look great no matter if you're on a desktop, mobile or tablet. You can even add your own images into the prompts.

      • Vague.js: Lightweight jQuery Blur Script

        Vage.js is a simple script for creating blur effect over images or any other HTML element with the help of SVG filters, perfect to be used as a background. The result allows the objects on the front to be focused and highlighted. It works on Mozilla Firefox, Google Chrome, Safari, Microsoft Internet Explorer (v7-9; v10+ not supported)

      • Slide In: Intuitive CSS & jQuery Hover E...

        A simple CSS and jQuery snippet for creating a hover effect. It has the quality of identifying what element is hovered over next and that way it goes towards that direction (only up, down, left and right); this makes this hover effect kind of intuitive, although it is just a mind trick. It can be uses, modified and implemented freely.

      • Baraja: Card Spreading jQuery Plugin

        A beautiful set of CSS transforms and transitions compressed within a jQuery plugin that allows you to show stacks of cards in different ways. Among its effects, you can find fan right and left, rotated spread (horizontal and vertical), linear spread right and left, and many more. remember they only work in browsers that support transitions and transforms.

      • CSS & jQuery Carousel Staff Box

        A beautiful and flat code snippet composed of a carousel created with jQuery and CSS. It is made of parallelograms with a thumbnail and a little label for the name right below. You can style it any way you want and use it for free (personal and commercial).

      • WOW.js: Onscroll Animations Showcase JS Plugi...

        WOW, a JavaScript plugin, allows you to reveal animations when you scroll. It is easily customizable animation settings like style, delay, length, offset, iterations and more. It uses Animate.css. It is smaller than other JavaScript parallax plugins, it's simple to install, it's fast and lightweight, and it's free.

      • FakeLoader.js: Spinning Loaders jQuery Plugin

        FakeLoader is a jQuery plugin for creating stylish loading effects that spin. Basically, you can create any shape you want and animate it into a loader that will make your website or mobile app look awesome while it loads. It was created by João Pereira and made free to download and use.

      • shine.js: Shadow & Shine Effects JavaScr...

        shine.js is a nice and useful JavaScript library for creating shadows and shine effects to elements. You can install it via bower or direct download, add the script, change the light direction. and more. Among its features you have: - Dynamic light positions - Customizable shadows - No library dependencies, AMD compatible - Uses text or box shadows based on content - Works in browsers that support textShadow or boxShadow and auto-prefixes if necessary It was designed by Naim Sheriff and coded by Benjamin Bojko. It is free to download, improve and use.

      • Justified.js: Adjustable jQuery Gallery Plugi...

        A fantastic jQuery plugin that will allow you to create justified image galleries (no spaces between images), perfect for photography or illustration portfolios. You are able to modify the height (even by rows), margin and number of photos to make the gallery fit your design. This plugin was created by Nitin Hayaran and you can download it for free.

      • jQuery Material Design Preloader

        A jQuery plugin that resembles the Material Design preloader created by Google. It is really simple and lightweight, and it gives your designs a different and colorful appearance. To use it, just add the jQuery plugin and the CSS file provided, and initiate the plugin. It was created by Aaron Lumsden and it's free!

      • ItemSlide.js: jQuery Touch Carousel Plugin

        ItemSlide.js is a jQuery plugin that enables carousels that work with touch gestures, a great way to display images or texts through a mobile device, or show it in a touch desktop device. With it, you can make your elements slide through swipe, scroll, and click to slide. This plugin was designed by Idan Abarbanel and developed by Nir Lichtman. It is free to download, improve and use.

      • CSS & JavaScript Broken Glass Effect

        Here we have an image builder created with CSS and JavaScript based on the Delaunay Triangulation to create the effect of the triangles arranging to form the images. It was created by Zach Saucier and you can grab the code to make the modifications you need.

      • OneBook3d: Flipbook jQuery Plugin

        OneBook3d is a jQuery plugin that helps you create lovely digital books with a page flipping animation to include your photos and make compelling presentations. It works for books, magazines and portfolios, and it can be modified in size and page style. The plugin includes dark and light versions and can be embedded in websites.

      • Swing: Swipeable Cards JavaScript Library

        A swipeable cards interface. It is a swipe-left / swipe-right for yes and no input as seen in apps like Jelly and Tinder. To use it, just drag the cards out of the stack, and into the stack again. If you drag to little, the cards come into place until you do that correctly.

      • jQuery Pinterest Grid Creator

        Gridify is a simple script that helps you create Pinterest-style grids for use in a website or mobile app. It works with jQuery, JavaScript or YUI. This script supports: - Image load - Window resizing - Items with a really long height - Dynamic item width - CSS3 Transitions The usage is fairly simple and quick so you can enjoy the tool right away. This script was created by Nguyen Hong Khanh and uploaded to GitHub.

      • Image Triangulation Experiment jQuery Plugin

        The purpose of this online tool (also available as a code snippet) is to triangulate any picture you drop into the browser. It uses the Delaunay triangulation algorithm, and it behaves the same way as the triangulation image generator. It was created by Georg Fischer, who stored this resource on Github under the MIT license.

      • Box Gravity jQuery Code Snippet

        The Box Gravity code snippet is a beautiful outcome that apply, in a 3D-like style, a box that follows the mouse as the gravitational pole. It is a simple JS, CSS and HTML snippet, easy to use into any web or mobile project.

      • jQuery Little Boxes Menu Plugin

        A code experiment for creating little clickable boxes with jQuery. The clicked menu item expands and reveals a content area for some description or links. When the item is clicked again, the boxes will come back, reconstructing the initial background image.

      • Animated SVG Checkboxes & Radio Buttons ...

        A great tutorial that shows how to take advantage of SVG paths animated with JavaScript to create good looking checkboxes and radio buttons by using pseudo-elements. In the examples shown, the options highlight when clicked and animated lines mark the boxes, providing a fantastic look and feel.

      • jQuery & CSS Hover Click Trigger Effect

        A jQuery and CSS plugin that allows you creating a plugin that ensures the element can only be hovered over and clicked inside the circular area. It plays with the circular element with the border-radius property, in which is common to see that the active area of that element does not match its shape, since it has stayed as a square.

      • jQuery & CSS3 Thumbnail Proximity Effect

        A stylish thumbnail proximity effect made with jQuery and CSS3, that scales the images when hovering over them. The cool part is that not only the selected image is enlarged, but also the ones close to it relative to their distance, giving a smooth result.

      • Responsive jQuery and CSS List Flip Effect

        A responsive list organized as a grid with multiple elements on the same line made with jQuery and CSS. When hovering on top of the elements, they flip with a fancy animation and light up in different colors. Once we click the element, it takes the whole space on top of the others by sliding in from the side.

      • jQuery Responsive Portfolio Gallery Plugin

        A plugin made with jQuery that helps you create a responsive portfolio gallery applying a mouse over effect. First, we will see a transparency when we hover on an image, this will give us two links for extra info. Second, the transparency will slide over the next image relative to the position where it was previously (it will make sense once you check the demo), which gives it a very enjoyable fluidity.

      • Readmore: Read More & Close jQuery Plugi...

        A smooth, lightweight jQuery plugin for collapsing and expanding long blocks of text with “Read more” and “Close” links. The required markup for Readmore.js is also extremely lightweight and very simple. No need for complicated sets of divs or hard-coded class names, just call .readmore() on the element containing your block of text and Readmore.js takes care of the rest.

      • mmenu: Mobile Sliding jQuery Menus

        A jQuery plugin for creating slick, app look-alike sliding menus for your mobile website with only one line of JavaScript. It allows your app or mobile website to portray two menus, one in each side of the screen, resembling popular apps like Facebook, and very handy if your creation has lots of information to display.

      • Kwicks: Smooth jQuery Sliding Panels Plugin

        This plugin can help us create smooth, interaction-focused sliding panels which come in a huge variety of ways (horizontal, vertical, responsive, slideshow, etc.) It has now become a highly configurable, versatile and powerful UI component since its origin as a MooTool effect.

      • OriDomi: Paper Folding jQuery Effect

        OriDormi is a small JavaScript library used for folding DOM elements as if they were paper, and boy, it looks amazing. The library allows us to bend these elements in many different ways, and it also features built-in support for touch events. Any image can be integrated into this snippet, so it's ready to use.

      • jQuery & HTML5 Canvas Vibrating Text Eff...

        A jQuery and HTML5 text vibration effect that works by finding the path information to trace the character image. It is a lightweight creation, perfect for grabbing the attention of users in websites and mobile apps. This resource is free to use.

      • Fullscreen Page Transitions Layout jQuery Plu...

        A simple responsive layout jQuery plugin with fancy page transitions that show four flexible boxes. When clicking on a box, it will expand to full screen, and the others will scale down and fade out. When closing the current view, it will move back to the initial position while the other boxes come back up again. Another type of page transition can be seen on the works section where we will show a portfolio item by sliding in a panel from the bottom. The current view gets scaled down and disappears in the back.

      • SVG Filters Field Depth jQuery Effect

        A superb project that generates a depth of field effect, letting you select where it is applied when hovering on any part of the image. The nice result is achieved through PNGs with alpha transparency and SVG filters in the mighty CSS3. It only works with Google Chrome for now.

      • jRumble: Rotate, Shake & Rumble Elements...

        jRumble is a jQuery plugin that can rotate, shake, vibrate or rumble any selected element in order to create a hover effect or make it stand out from the rest of the page. The effects have many tweaks and twists available, as well: Remote and hover triggers, pulsating, constant, hyper-fast and so on.

      • Image Hover Move jQuery Plugin

        A jQuery plugin provides extremely simple and practical navigation of pictures through an automatic slide that is triggered as soon as you hover on a picture. Its main difference from others could be its main flaw since it is really easy, but so much to the point where the user cannot control the slide movement.

      • Adipoli: jQuery Image Hover Plugin

        Adipoli is a simple yet powerful jQuery plugin used to provide beautiful image hover effects. There is a wide variety of options included in this tool, you can add grayscales, transparencies, overlays, pop-ups and many more techniques on your pictures, which can be of great help to improve the design of you website.

      • Wookmark: Image Organization jQuery Plugin

        The Wookmark jQuery plugin allows the organization of images in a neat, responsive grid. The plugin automatically recognizes the size of the window and adjusts the images to fit on the screen. The tool will also try to arrange the elements in such a way that columns always tend to be the same height whenever possible, creating a harmonic appearance.

      • Countdown Cube jQuery Plugin

        A countdown cube effect jQuery plugin that does, well, what its name says: Countdown time with a pretty set of cubes. The cool part is that these cubes use CSS 3D animations to rotate in all sorts of direction, giving it a neat touch to this basic, straightforward application. It was created by Ali Cigari.

      • Minimit: jQuery Gallery Plugin

        Minimit is an extremely powerful plugin aimed at advanced developers who want to create complex interactions and animations (like sliders and galleries), without spending so much time on coding logic. You still have to code the animation, the CSS and some of the logic of the element to make it work, but the possibilities are endless.

      • Expanding Preview jQuery Thumbnail Grid

        An effect that allows us to make a thumbnail grid, very similar to Google’s image search. When we click on a thumbnail, a larger image appears along with more content such as text and a link, for instance. The rest of the page is moved, so the image fits the whole screen. This view is very clean and practical, making for a pleasing viewing experience.

      • jQuery & CSS3 Related Posts Slide Out Bo...

        The idea behind this jQuery and CSS3 plugin is to show relevant posts that might've been lost with time. A list of related posts with their respective thumbnails comes out of the edge of the screen and a shuffle button on the bottom allows you to repopulate the list with new entries.

      • jQuery Photo Stack Gallery Plugin

        A jQuery plugin for creating a slick image gallery. The idea is to have the albums show as a slider first, once selected, the images in the album will appear as a stack. When we click on the image, it will animate to the back of the stack, showing the next picture. CSS3 properties can be added for styling and customization.

      • Adaptive Thumbnail Pile jQuery Effect

        A good looking experimental jQuery plugin that allows you to group thumbnails by using a piling effect. Once you click on the image piles, they will ''fly'' into their correct locations. Thumbnail position can be customized, and the grid is adaptable, which means it will rearrange itself depending on the space available.

      • jQuery Love Text Effect

        A scrambled text effect inspired by the award-winning science fiction film LOVE. It consists of a simple paragraph that appears to be written by a machine. The text can be altered in any way, and this snippet can be integrated anywhere.

      • jQuery & CSS Windows 8 Animated Grid

        Sara Soueidan has recreated these icon animations seen on Windows 8′s dashboard by taking advantage of the CSS3 3D transform property. These animations make tiles slide in various directions, do flips, turns, color variations, half sliding and more. It uses beautiful flat icons and follows the famous Metro style from Microsoft.

      • Mosaic: Sliding Boxes & Captions jQuery ...

        Mosaic is a jQuery plugin that auto-generates sliding boxes and captions for our content. We can add all sorts of fade and slide animations in any given direction, which are activated when hovering over the images. These animations can also control captions.

      • Dropzone.js: Drag & Drop Uploads JavaScr...

        A sharp JavaScript library that enables your users to upload files to your website through an interactive interface. Simply have them click on the upload zone and an explorer window will let the visitor select the file. Once the upload starts, a thumbnail will preview the file as it loads.

      • Bespoke.js: Minimal Modular jQuery Presentati...

        Bespoke.js is a super minimal and lightweight modular presentation library for modern browsers, designed to foster a rich plugin ecosystem. The core library sets up the display, provides a simple control API, manages events and adds classes to the slides to allow CSS transitions. Other functionalities, from keyboard and touch interactions to bullet lists and hash routing, are implemented as a plugin.

      • Collapse Expand List View all items Download Bundle Submit
This a test message in global notification
Your download will start shortly.


Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.


Thank You!

Your post has been received, and will be reviewed by a curator

Open bundle builder

Bundle Builder

0 elements selected | Clear all ×

Select the bundle you want to add the items to.

Search bundle (filter by name)
Create new bundle

Add new bundle


Edit bundle