A growing repository with 729 bundles & 10012 resources for web ninjas
    (freebies, plugins and snippets) updated & curated every day, so it never expires.
    • Web Development Tools (83 submissions)

      Multiple purpose web development tools, ideal for improving daily workflow and adding extra functions to your projects.

      • Flarum: Modern Forum Software

        Flarum is a next-generation forum software that offers several UX features such as real-time discussions, moderation tools, touch optimization, and much more.

      • VueStrap: JavaScript-built Bootstrap Componen...

        VueStrap is a kit of Bootstrap components built with Vue.js completely independent of jQuery, bootstrap.js, or any other 3rd party plugin.

      • HTML5Sites: Curated HTML5 Sites Gallery

        A curated gallery that contains a collection of websites regarding HTML5. They are social ranked and allows submissions of new sites.

      • cssnano: A PostCSS-based Modular Minifier

        CSSnano is a modular minifier based on PostCSS plugins. It takes formatted CSS and optimizes it, ensuring that the final result is as small as possible for a production environment.

      • Bonsai: Freelancers Contracts Management

        Bonsai is an online web tool for freelancers to be able to generate secure contracts that feature eSignatures and integrated escrow.

      • Otto: Cloud Platform Web Development Environm...

        Otto is a cloud platform web development environment that allows you to control it with a single consistent workflow in order to maximize the development productivity.

      • GoTTY: Terminal As Web Application

        GoTTY is a simple command line tool that turns your Command Line Interface tools into web applications. This tool was developed by Iwasaki Yudai and is available as an open-source project.

      • CSSfmt: A CSS Formatting Tool

        CSSfmt is a tool that automatically formats CSS and SCSS source code. It can format Vanilla CSS, SCSS syntax, and nested selectors syntax like SCSS, Less, Stylus and processor using post CSS-nested.

      • CSS & JavaScript Web App Store

        Eager is an open source built web app store initiated by Adam Schwartz and Zack Bloom that allows you adding to your website several web apps in CSS and JavaScript only by indicating where you want it. Some of the most used apps are photo galleries, latest tweets section, add a comment section and fancy underliner.

      • Device Metrics: Devices Screen Sizes Online T...

        A nice collection made by Google with every device's metrics like screen size, the aspect ratio, width, height and pixel density. It's a great tool for designers and developers to know the dimensions of the most relevant devices. This is a public list that can be used freely.

      • Kirki: WordPress Websites Customizing Toolkit

        Kirki is a website customizing toolkit for WordPress. It extends the customizer functionality. It makes it easier for everyone to create beautiful and meaningful websites. It is licensed under the GNU General Public License.

      • Nuclide: Unified Web & App Development I...

        Nuclide is an open source IDE for React for creating native, web, and mobile apps, made as a suite of packages on that based on Atom to provide hackability and the increasing support. It provides auto-completion and inline error highlighting, a JavaScript type checker and more. It was made by Facebook.

      • Sublime Text 3 Material Design Theme

        A beautiful theme for Sublime Text 3 that has considerable improvements regarding functionality and also design. It brings the Material Design visual language into Sublime, being really easy to install. You can also change from dark to white and use visual cues to save time. It was created by Mattia Astorino.

      • Scut: Frontend Sass Utilities Pack

        Scut is a set of Sass utilities for improving the implementations of common style-code patterns. It takes away the pain of repeating code across a website; it makes things easy, helping you organizing your rules, and implementing best practices.

      • Vorlon.JS: JavaScript Debugging and Testing T...

        Vorlon is an open source, extensible, platform-agnostic tool for debugging and testing your JavaScript remotely. It was created with the help of node.js and It is easy to setup, you can set it up for multiple devices, and it is extensible. It was released under the MIT license.

      • xto6: Next-generation JavaScript Modernizer

        xto6 is a nice library made in JavaScript that keeps your JavaScript code clean and readable. Among its features, you can find function/prototype to class, string concatenation to template string and anonymous callbacks to arrow functions.

      • lightgl.js: WebGL Apps Prototyping JavaScript...

        A library to quickly prototype WebGL applications made in JavaScript. It re-implements OpenGL's modelview/projection matrix stack for similar functionality, making it perfect for creating cool 3D data showcases and visually appealing components.

      • CSS Dig: CSS Cheking Chrome Extension

        CSS Dig is an extension for Google Chrome that helps you analysing the CSS on your website. It shows you the CSS properties of your site, their frequency of use and variation. Also, it shows you the inconsistencies so the end user doesn't get confused.

      • Marx: Multipurpose CSS Stylesheet

        Marx is a CSS Stylesheet for developing simple web projects. It is not a framework, but a set of rules in CSS for easy styling. With it, all browsers render consistently thanks to Sanitize.css, was built with SASS, it's responsive and mobile friendly, has clean and beautiful photography and more features.

      • HTML Symbols, Entities and Codes

        A cool online collection of arrows and other symbols available as code. You can select among many types of arrows, and symbols like copyright, at, registered trademark and many more. After you're done, you can copy the Hex code, HTML ​or Unicode to use it on your projects.

      • Radium: Component Styling React Library

        Radium is a collection of tools for React elements' inline styles management. With it, you have powerful styling capabilities without needing to use CSS. It allows you to browse state styles to support and use media queries as well. It is a creation from Formidable Labs.

      • Browser Typeface Rendering JavaScript Engine

        Since fonts will look heavier on OS X and iOS than on other platforms, this useful JavaScript engine makes a specific typeface look nice in mobile devices, just as they look cool in desktop computers.

      • Predawn: Sublime and Atom Interface & Sy...

        Predawn is a set of styling features added to the Sublime code editor and also for Atom. The theme adds several improvements, like folder navigation and improved color distinction among elements, and more.

      • Apple Watch Online App Creator

        Thinkapps is an online tool for creating Apple Watch prototypes without the need of code. It helps you setting up the elements necessary to deliver a complete app, so the developers in your team have a clearer picture of what to do.

      • url.js: URL Manipulation JavaScript Library

        url.js is a lightweight library built with JavaScript to manipulate the page URL. It uses various parameters to find the name and encoding results, it can parse a string as querystring, stringifies a query object, and more. This library is licensed under the MIT license.

      • Cayley: Open Source Graph Database

        Cayley is an open-source graph database inspired by Freebase, using Google's Knowledge Graph. The idea of this is to help developers analysing Linked Data and graph-shaped data in semantic websites, social networks and more. It was written in Go, and it has a complete API, a built-in query editor and visualizer, modular design and it's fast. It was created by Google.

      • Google Prediction API: Predictive Analysis Bu...

        A tool for analysing data and make predictions based on Google's algorithms. It uses a very nice interface, helping you predict future trends using historical data, detect spam and recommend products. It is fast and reliable, has cloud integration, powerful development tools, and more. You can use it for free for a limited time.

      • cmder: Portable Console Windows Emulator

        cmder is a portable console emulator for Windows. It has a Monokai color scheme and a custom prompt layout, and it's a complete package that you can carry anywhere, in a USB drive or in the cloud, so you don't lose your settings and overall progress. It was developed by Samuel Vasko.

      • Online Microdata Snippets Generator

        An online microdata generator that helps generating rich snippets and graphs supported by Google. It supports a full list of structured data schemes, and it lets you aggregate offers, reviews, articles, business, events and contact info, software apps and more.

      • CSS Div & Text Centering Tool

        A simple online tool for centering divs and texts with CSS. You just need to select the content you wanna center, modify the container's size, its alignment and that's it. Finally, download the CSS and include it on your template. It was created by Oliver Zheng.

      • .resizr: CSS Media Queries Testing Online Too...

        .resizr is an online tool for testing any website's media queries to check if it is completely responsive. With it, you just add the URL of the site you wanna test and select the device, mode and other features. There are almost 30 devices to test your site on, and you can use it for free.

      • Open Source Large Files Versioning Github Ext...

        Git Large File Storage is an open source extension that allows you versioning large files. It replaces these large files (like audio and video), including text pointers inside Git, and at the same time stores the contents on remote servers. With it you have more repository space, faster cloning and fetching, access controls and permissions.

      • SaaS, PaaS and IaaS Free Software List

        A list of SaaS, PaaS and IaaS software and offerings with free tiers for developers. It will be a really useful for infrastructure developers, like System Administrators, DevOps Practitioners, and more. The repository grows daily and it's carefully curated. It was created by R.I.Pienaar.

      • APIembed: Multipurpose Code Snippets Generato...

        An online tool for creating auto-generated code snippets in many programming languages for your website, blog or API documentation. With it you can embed your API request, customize your widget, generate the code and then grab the generated result to use it on your website.

      • WPSpeedster: Website Speed Testing Online Too...

        A website with Google PageSpeed test scores for 2500 free themes from the official WordPress theme repository. The tests were executed on the blogs sample page and the home page, both in mobile and desktop environments.

      • Nines: Web Development Performance Tool

        Nines is a web tool that helps developers find critical performance issues while developing. It intends to show developers and designers the impact their changes have on the performance of the site. It shows a bar at the bottom with the page speed, the median, and you can click on them and check more data.

      • Prepros: Multilanguage Programming Compiler

        Prepros is a compelling tool for developers that allows them to compile LESS, Sass, Compass, Stylus, Jade and many more languages thanks to CSS prefixing. You can download it for free and use it on Mac, Windows or Linux machines.

      • osquery: SQL-powered Analytics, Monitoring &#...

        osquery is a complete tool for operating systems made in C++, JavaScript and powered by SQL. It was created by Facebook and its goal is to provide strong and accurate analytics, monitoring and instrumentation. It can be downloaded for free and implemented in any web project.

      • Dust-Me Selectors: Firefox & Opera Code ...

        Dust-Me Selectors is a development tool for Firefox and Opera that scans the CSS code on your website and tells you which selectors are unused. Among its features you can scan any HTML page, add an XML or HTML sitemap and scan pages automatically (Firefox version only).

      • Online API Search Engine is an experiment that allows you to search APIs on the web. You can implement the search engine, which is also open source, and run it in your own projects. It crawls known APIS.json files, top domains on Alexa and follows include links.

      • Online UX Project Checklist

        The UX Project Checklist is an online tool that helps developers check their process while creating a website, helping them to create a user-friendly and goal-focused website. The tool helps you check if you have accomplished the research, plan, explore, communicate, create, feedback and more stages of the UX process. This tool is free and you can connect it with Google+ to save your progress.

      • Scala: Object Oriented Programming Language

        Scala is a scalable language for creating apps, it is Object-Oriented, supporting advanced component architectures through classes and traits; functional, efficient, integrated seamlessly with Java, future proof and more. It is open source and ready to implement in any project.

      • Breach: JavaScript Modular Browser

        Breach is a modular and free browser created entirely in JavaScript that has versions for Mac OS and Linux only. It uses HTML, CSS and JS in its first layer, the Chromium Content API in its second layer (allowing it to be secure) and NODE.js in its third level.

      • Screen Sizes: Complete Devices Charactistics ...

        Screen Sizes is a complete table of sizes for every mobile device known. It includes information about the operating system of the device, the physical size, its width, height, the pixel density, aspect ratio, and more. This table is a starter point for any type of design, if you want to implement a creation that reaches more people.

      • Nitrous: Multilanguage Browser IDE

        Nitrous is a complete IDE for your browser that lets you program in Ruby, PHP, Python, Go, NodeJS and other languages. You can synch it with your favorite code editor such as Atom, Sublime Text or Textmate, allowing you to work from anywhere in a shared or private workspace and do it fastly.

      • Tweene: JavaScript Animation Proxy

        Tweene is a JavaScript library proxy that allows you to control and switch between several types of different JS libraries, created for multiple purposes. It is a great way for avoiding so much coding, providing flexibility and stability in the process. It works with GSAP, Velocity.js, Transit (CSS transitions) and jQuery.

      • ngrok: Localhost Secure Tunneling Multiplatfo...

        A downloadable tool that creates a tunnel from the public internet to a port on your local machine. It is useful in the case you are developing a website, and you want someone outside to see how's it going without deploying it. You just pass the URL and grant access. ngrok also captures all traffic through the tunnel.

      • Frontend: Web Development Boilerplate

        The Front-end Boilerplate is an easy to use development tool for creating attractive and useful web projects. It has a tasks manager, you can use your dependencies, you can choose what preprocessor to use, and it includes many features that can make your development a great experience. You must have Node and npm installed to use it.

      • Subtext: Web and Desktop Code Editor

        Subtext is a code editor for Chrome browser and Chrome OS; an offline tool that you can use on your browser and desktop. It lets you edit local files thanks to a simple user interface. Among its features you can find: - Project management - Fuzzy search for opening files - Versatile layout - Fullscreen mode It supports several types of syntax, including HTML, CSS, Javascript, PHP, LESS, Stylus, Coffee, Ruby, Python, Markdown, Mustache, and many more. You can download it for free.

      • Webplate: Website Building Front-end Framewor...

        Webplate is a useful front-end framework that allows you to focus your attention exclusively on building your website or mobile app. It is a UX experiment that you can download and use for free, or improve since it is open source. Inside you can find: - A robust and responsive layout engine - Global buttons and elements - Customizable forms - Simple modals - Icon fonts support Also, it includes two types of "starter kits": the Quill UI and the Stripe UI. The first one created for writers and the other one for quick creations. This framework was created by Chris Humboldt and was uploaded …

      • Website Development Starter Kit

        This is a web starter kit that will help you not only create a compelling and useful website that can be viewed in any desktop or mobile device, but to know how you can improve it at all levels. Among its features you can find: - A responsive boilerplate. - An up-to-date style guide. - Cross-device synch. - Live browser reloading. - Performance optimization. - Insight reporting. - SASS Support.

      • Scotch Panels: jQuery Off Canvas Menus and Pa...

        Scotch Panels is a jQuery plugin for easily creating off canvas menus, navigation, and other panel types such as images, videos, and iframes. They have lots of features and different options for every skill-level to tweak and implement into almost any project. They work from any container so you can put your side navigation on any element you want. It even provides excellent browser support via a JavaScript fallback.

      • AngularJS and Bootstrap Responsive Dashboard

        A dashboard created as an accessible, responsive and certainly good-looking alternative to other admin panels out there. It starts out pretty simple, providing you with a small number of modules to keep things clean, but you can always add more as the project goes along.

      • Omega! Web Platform for Python

        Omega is an attempt to bring back innovation to Python web frameworks. Its goal is to be more than a web framework since it aims to be a platform on which any type of web application can be built, batteries included. That means  this tool ships with support for creating ORM-backed CRUD applications, NoSQL REST APIs, real-time applications using Websockets, and simple, mostly static page applications.

      • jQuery ScrollAdvance: Plugin for Movable Back...

        This jQuery plugin allows the user to move the background in any cardinal direction thanks to values that can be changed, adding useful functions for the scroll position as scrollBottom() or scrollTop(). It is published under the MIT License.

      • heatmap.js: Dynamic Web Heatmaps

        A JavaScript library will help you make three-dimensional data speak up. Heatmap.js v2.0 adds new value to your project, and you can build a business based on it, study and visualize user behaviour, and much more. Whether you want to have an aggregated overview of your users behaviour or look at thousands of events distributed on a map, this tool has all your heat map visualization needs covered.

      • CSS Layout Generator

        This is a supremely useful tool that will generate column layouts including footer, header and menu. You can set the measurements by either pixels or percentages. The inclusion of sidebars can also be controlled. Take a look and create the right foundation for your project. It was created by Generate It!

      • Online CSS Validator

        ​This online tool created by the guys at CSS Portal helps you validate your CSS files with a simple form. Validating your CSS is the first step (before optimizing it) since it allows you to find errors in your CSS that can make your page display incorrectly. After that, a good optimization is required and can help you website load faster and smoother than ever.

      • CSS Code Optimizer

        ​Optimizing your CSS code is crucial if you are running a large site. CSS has a tendency to get cluttered, just like HTML does. This generator will format and optimize your CSS code using a variety of different compression settings. Once you're done with your CSS codes just upload them to your web hosting service provider and see the results of your CSS design online.

      • Online Password Generator

        ​This online password generator will allow you to create a range of strong and secure passwords using a combination of uppercase letters, lowercase letters, numbers and punctuation symbols. Within you can select the password length, lowercase letters, capital letters, numbers, punctuation, and avoid similar characters to create a powerful password. Then just click on generate, and you are done.

      • Bootstrap Magic: Online Tool for Creating The...

        Bootstrap Magic is a great tool for creating your own Twitter Bootstrap theme. And after all, you can save it. It takes advantage of the latest version of Bootstrap; you can preview your work, import variables, pick colors easily, choose from lots of Google Fonts and many more features.

      • Hex Tool for Managing Color

        This is an interesting tool for managing color. It works just by adding the 6 digit hexadecimal value for a color and it will give you similar ranges. You can also lighten or darken the ranges, and apply other options to get the best variation and apply it to your website.

      • LayerVault: Organize, Present and Collaborate...

        LayerVault is a cloud-based application that manages revisions, stores files and helps designers collaborate around designs. With it, you can synchronize, store and organize your design files, but it syncs only the projects you need, giving you the option to store different sets of projects.

      • -prefix-free: Use Only Unprefixed CSS Propert...

        -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. Among its features:- Processes every stylesheet in <link> or <style> elements and adds a vendor prefix where needed.- Processes elements with a style attribute and adds a vendor prefix where needed.- Takes care of new <link> or <style> elements, style attribute changes and CSSOM changes (requires plugin).- Lets jQuery’s .css() method get and set unprefixed properties (requires plugin).

      • Typecast: Create Better Web Typography

        ​Use Typecast to create visual and semantic designs. This online tool allows you to arrange the texts of any website, modify the typeface, weight, color, size, spacing and more. You can also create various instances of the same page; for instance, you can set up different configurations for different screen resolutions.

      • Bonfire: Easy PHP Web Applications

        Bonfire helps you build CodeIgniter-based PHP web applications even faster than ever by providing powerful tools and a beautiful interface you won’t be ashamed to show your client. With it you have built in users, enhanced debugging and a significant set of developer tools.

      • Screenhero: Easily Review your Code

        Screenhero is awesome for code review and pair programming. With simultaneous control, both sides can switch seamlessly between driving and navigating, with zero overhead. Works with every IDE. Instantly present your ideas to your clients, without having to send multiple files back and forth.

      • sachet: Handcraft your Own Development Enviro...

        sachet allows you to handcraft your development environment. By allowing you to select features and functionality that you are comfortable with, it generates you a small package with the appropriate configuration files, plugins, and theme so you can leverage the potential of your Vim editor.

      • Chronos: Fault-tolerant Schedule

        Chronos is airbnb's replacement for cron. It is a distributed and fault-tolerant scheduler which runs on top of mesos. It's a framework that supports custom mesos executors as well as the default command executor, thus executing SH (on most systems BASH) scripts.

      • Scriptular: JavaScript Regular Expression Edi...

        Scriptular is a JavaScript regular expression editor. Inspired by Rubular, it gives you a simple way to test JavaScript regular expressions as you write them.

      • js-sequence-diagrams: Turn Text into UML Diag...

        Here we have a simple JavaScript library to turn text into vector UML sequence diagrams. This tool was heavily inspired by the website, which offer a serverside solution. You can use Jison to parse the text, and Raphaël to draw the image.

      • Log: Console with Style

        Log is a simple utility to add style to the browser’s console output. It makes developing for the web and debugging easier by adding colors, ordering content, and more.

      • VisualOps: Cloud Management for AWS

        Here we have a drag and drop real AWS resources to a canvas to quickly design your application architecture. It features several improvements like: - Drag-n-drop to build. - Built-in modules to configure instances. - One click to launch. - Easy exporting. - Realtime cost estimation.

      • TogetherJS: Collaborate in Real Time

        TogetherJS (formerly know as TowTruck) lets users communicate, co-author, co-browse and guide each other. It’s is implemented in Javascript; no software or plugins to install, and it’s friendly with existing web pages, while still letting developers customize the experience.

      • csxs: App Development Tool

        csxs is a command line tool written in node.js for creating, compiling, packaging, debugging, and deploying extensions for Adobe Creative Suite. It’s easy to use and it is powerful.

      • xctool: Easy App Creation

        xctool is a replacement for Apple's xcodebuild that makes it easier to build and test iOS and Mac products. It's especially helpful for continuous integration, and among its features you can find:- Runs the same tests as Structured output of build and test results.- Human-friendly, ANSI-colored output.- Faster, parallelized test runs.

      • Yeoman: Web Tool For Building Apps

        Yeoman helps you kickstart new projects, taking into account the best practices and tools to help you stay productive. It provides a generator ecosystem, which is  a plugin that can be run with commands to scaffold complete projects or useful parts.

      • Brunch: Lightweight HTML5 Application

        Brunch is a lightweight approach to building HTML5 applications with an emphasis on elegance and simplicity. This tool compiles your scripts, templates, styleslints themwraps the scripts and templates in common.js / AMD modules. It concatenates scripts and styles, generates source maps for concatenated filescopies assets and static filesshrinks the output by minifying code and optimizing images. watches your files for changes, and notifies you about errors via console and system notifications.

      • Deployd: Build APIs Easily

        Deployd is an open source platform that allows you design, build, and scale APIs for web and mobile apps in minutes instead of days. After you've set it up, you can deploy to a high-performance cloud, or host it yourself. You have an API just with one click, manage its resources through a web-based platform.

      • Viewport Resizer: a Responsive Bookmarklet

        Viewport resizer is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you want to test, click on your created bookmarklet and check all kinds of screen resolutions of the page. It features: - Full customization. - Add and customize sizes on the fly. - Manual orientation toggle by click. - Automatically device window orientation in "Auto Size" mode. - Media query support. - Viewport animation. - Adapt meta viewport tag from the current page.

      • Emmet: Optimized Snippets for the Web

        Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimised for web-developers whose workflow depends on HTML/XML and SSC, but can be used with programming languages too.

      • Vagrant: Development Environments Creator

        Vagrant allows you creating and configuring lightweight and portable development environments. It is a tool you can install on Mac OS X, Windows, or a popular Linux distribution. After that, create a single file to describe the type of machine. It creates identical development environments for everyone involved in the project.

      • Adobe Edge Animate CC: HTML Animation Authori...

        ​The Adobe Edge Animate CC is a great tool for creating animated, interactive content for the web. It allows web designers create HTML for web and digital publications, as well as sophisticated ads for media that can be viewed on any device.

      • Collapse Expand List View all items Download Bundle Submit
    • jQuery Sliders (68 submissions)

      Huge compilation of JavaScript and jQuery sliders including effects such as 3D, zoom and many more, giving your site a fancy look.

      • Smoothly Animated jQuery Slideshow

        A slideshow that features nice and smooth effects for its images, some of the effects you'll find in this slider are zooming in, zooming out, and orthogonal and diagonal panning effect.

      • Zenith: Mobile Friendly jQuery Slider

        A fully responsive and easy-to-integrate slider. Zenith comes with plenty of options, 4 main layouts, one of them has 3 additional sub-layouts and several possibilities of editing and creating your own variations. There are also a 7 transitions available.

      • Customizable jQuery UI Slider

        A plugin that extends the jQuery UI Slider widget, allowing the customization of any range slider. For instance, you can create colorful sliders, modify the direction of the slider, add emoji and icons, and even customize de results. You can install trough Bower or directly downloading the repository. It is open source and licensed under MIT.

      • Pogo: jQuery and CSS Slider Creator Module

        A jQuery plugin for creating animated image or content sliders in which CSS animations are used to transition between slides. These animations can be triggered on an element within a slide, after the slide transitions in, and as the slide transitions out. The plugin can be used freely.

      • jQuery lightSlider: Thumbnails Navigation Sli...

        A small and responsive content slider with carousel thumbnails navigation. It is fully responsive, includes a gallery mode to create an image slideshow with thumbnails, supports swipe and mouseDrag, you can add or remove slides dynamically, add CSS transitions and more. It works on Chrome, Safari, Firefox, Opera, IE7+, IOS, Android, Windows Phone.

      • Diagonal Slider jQuery Plugin

        A simple jQuery plugin to create a Diagonal Slider. It works like an accordion, so when you hover over it, each image expands. You can add a title to the image to give a brief description as well. The plugin can be edited easily and it was made by Innvenio.

      • Dual Sliding CSS & JavaScript Panels

        A compelling code snippet made in CSS and JavaScript with two sliding panels, one to the right, and one to the left. It is a good way of organizing opposing ideas, and also works for comparisons. These panels were created by Codepen user Ettrics.

      • SuperSimpleSlider: Automatic Slider jQuery Sc...

        SuperSimpleSlider is a script which automatically generates your slider and gives you lots of settings to configure. It is a stylish and flexible way of integrating sliders in any web page that will speed up your workflow without losing quality in design.

      • Simple & Lightweight jQuery Slider

        This is a minimal and really simple slider made in jQuery. This slider gets rid of unnecessary features that you don't need. It is functional, flexible and really lightweight.

      • before-after.js: Image Comparison jQuery ...

        A compelling CSS and jQuery slider that divides two images within a frame for making a comparison. It can be used in software for showing how it was before and how it is now (like its name indicates). It has an MIT License and it was created by JotForm.

      • Swiper: Modern JavaScript Mobile Touch Slider

        Swiper is a free and modern mobile touch slider made in JavaScript. I was created to be used in mobile websites, web apps, and mobile native apps. It has lots of support for iOS, but also works great on latest versions of Android, Windows Phone 8 and modern Desktop browsers. This slider was created by Vladimir Kharlampidi.

      • CSS & JavaScript Percentage Slider

        A cool slider made with CSS and JavaScript complemented with a percentage, a code snippet that can be used for multiple purposes. It can be modified and styled to adapt it to your projects easily and it was put together by Ana Tudor.

      • Hero: jQuery Slider Plugin

        A slider made in jQuery, CSS and HTML that doesn't transition like any other. It has transitions like diagonal up and down, lateral sliding and others. This plugin can be implemented anywhere and it's free. It was created by Boompx.

      • Depth Effect On-Scoll CSS Slider

        A gallery depth slider created with CSS and jQuery. It works by scrolling or selecting one of the dots so the sliding animation tooks place. It shows two images, one of them with the caption. This code snippet was created by Nikolay Talanov.

      • hyhyhy: HTML5 Presentations Ruby Library

        hyhyhy is a Ruby and JS library that helps you creating elegant presentations for your business in HTML5. they can be viewed from the browser, supports Markdown text formatting, sequential transitions, page transitions and more. Also, allows syntax highlighting, and mathematical functions. It is licensed under MIT and was created by Maciej A. Czyzewski.

      • Flickity: Responsive jQuery Touch Gallery

        A responsive gallery made in jQuery with touch capabilities, perfect for mobile devices. It is in beta testing stage, but it is actually really smooth. You just need to download, add the CSS and JS files to your site and add the class required to the gallery elements. It is licensed GPL v3.

      • 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.

      • reveal.js: HTML Sliding Presentation Framewor...

        Reveal is an HTML presentation framework that helps you create compelling and smooth sliders that move not only horizontally but vertically. It works like a multilevel menu, displaying info throughout all the page. It was created by Hakim El Hattab and licensed under the MIT license.

      • Kontext: jQuery Page-shift Transition Plugin

        A page-shift transition made in JavaScript, CSS 3D transforms and CSS Animations to create an effect inspired by iOS. It can have as many pages as you want, includes dots for easy navigation, is lightweight and is MIT licensed. It was created by Hakim El Hattab.

      • OnePageR: jQuery Full-Screen Slider Plugin

        OnePageR is a minimalistic jQuery vertical slider template with smooth transitioning. It requires minimal code, it's really flexible, allows full-screen slides, and includes three navigation methods: - Click navigation - Arrow-key navigation - Menu navigation You are free to copy, modify, publish, use, compile, sell, or distribute this plugin as you wish.

      • pagePiling.js: Page Scroll jQuery Plugin

        pagePiling.js is a scrolling plugin that takes navigation to a whole new level, allowing you to create scrolling sections within a website. It is a smooth, and lightweight jQuery plugin that lets you pile your sections and create an anchor to navigate through links. It is configurable with plenty of options, methods and callbacks for easy integration and use, and it is compatible with tablets, mobiles and desktops, and it works in old browsers like IE 8 and Opera 12. It was created by Alvaro Trigo and it is totally free to download.

      • Full Screen Vertical Scroller jQuery Plugin

        This is a nice and simple full-screen vertical slider created with the power of CSS3 transitions, complemented with a jQuery callback. It supports mouse wheel as a bound effect, click events, drag and drop, arrow keys and even touch gestures. It is an open source, and in order to implement it, you just need to add the necessary HTML setup, the default options, load the new slides on the end and that's it. It was created by Luke Snowden and uploaded to GitHub.

      • Responsive Slider jQuery Plugin

        The Divas Slider is a multipurpose plugin for creating responsive sliders. It is really versatile, easy and customizable to 100 percent. It uses jQuery transitions and jQuery fallback, which allows it to work even in older browsers. Additionally, it has touch capabilities, making your slider viewable even in the oldest smartphone. Among its features you can find: – CSS transitions for sliders/captions – Customizable (fully and efficiently). – Responsive layout. – Touch capabilities. – Infinite slides’ count. – Multiple instances. – Automatic start – Bullets – Full-screen mode available. – Independent slider with individual access. – Lazy load (for images. – Callback functions – No extra plugin required. – Documentation.

      • Responsive Image Slider jQuery Plugin

        The Creative Image Slider is a jQuery plugin that helps you create stunning visual effects thanks to an original popup wizard. You can create beautiful and useful sliders, and among the features of this plugin you can find: - Horizontal scrolling with effects. - Popup Wizard. - Use shortcodes to put the slider anywhere you like. - Live preview of the slider for quick edition. - Customizable and flexible overlay. - Buttons and control styling.. - Different types of arrows. - Easy installation and configuration. This slider plugin is free to download and was created by Creative Solutions.

      • Any List Scroller, jQuery Scrolling Plugin

        Any List Scroller is a jQuery plugin created by intended to scroll any list, of any dimension, with any content.

      • Zoom Slider, A Javascript Slideshow

        A pure Javascript slideshow with no jQuery or flash. It has HTML captions, zooming effects, integrated thumbnail images, built-in navigation control and it's very easy to use and customize.

      • jQuery Smooth Div Scroll, Content Scrolling P...

        Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Amongst its features you can find that it works on touch devices like iPhone, iPad and Android smartphones, it has smooth scrolling, endless loops, the content is easily scrollable, and more. …

      • Bubble Slideshow Effect with jQuery

        This is a jQuery-powered bubble animation effect. It will be a great way to present a set of images on your website as a interesting slideshow. And as the code will be completely modular, you will be able to easily use it and modify it. …

      • Simple and Stylish Image Slider

        A slider that resembles a piture frame, created in CSS and Javascript and with the option of resizing. it is used very little code, and you can edit the code to make it even more beautiful.

      • SlidesJS, Responsive Slideshow Plugin

        SlidesJS is a responsive slideshow plugin for jQuery with features like touch and CSS3 transitions. Give it a try above and check out the examples to help you get started adding SlidesJS to your project. …

      •  Yahoo Weather App-like Slider

        A portrait slider, perfect for mobile apps, similar to the new Yahoo wheather app for iPhone. It has a nice parallax effect making it flow thrown the screen. It was created just using HTML, CSS and JS. …

      • BigVideo.js jQuery Plugin

        BigVideo.js is a jQuery plugin that makes it easy to create fit-to-fill background video on a web page. It can play silent ambient background video (or series of videos), or be used as a player to show a video playlist.

      • 3D Wall Gallery

        This great code experiment is a 3D Wall Gallery. Using the Safari browser the images of this gallery will be put into 3D perspective, when scrolling or sliding, and when viewed with another browser, the gallery will be shown normally, retaining all the functionality.

      • Vertical Showcase Slider with jQuery and CSS

        A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. There will be used jQuery, CSS Transitions and media queries to make the layout adaptive. …

      • Fullscreen Pageflip Layout Tutorial

        A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left. …

      • How to Create a Simple Multi-Item Slider

        This tutorial was created to show how to create a simple item slider with CSS animations and some jQuery. The idea was inspired by the Apple product slider where several small items fly in with a bouncing animation. This concept was translated into a modern-looking alternative for a minimal online store design where the items represent different categories. …

      • CoverFlow Image Slider

        This is a great example of a CoverFlow slider but it doesn’t work by selecting the next tile. It works perfectly but it does not have a fluid transition and it does not work with touch. It was created in Javascript, CSS and HTML. You can edit it in CodePen and use the code to implement it in your website.

      • Flipping Circle Slideshow

        A slideshow that displays various images flipping them when they’re clicked; it flips in 6 different directions and the slider control dissapears when the cursor is out the slider.

      • 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.

      • FancyMoves: Custom jQuery Product Carousel

        FancyMoves is a custom jQuery product slider that features keyboard navigation, FancyBox, and more! Use this plugin for creating sliders to show off services, products, or whatever you can think of. The main image is enlarged and is smoothly transitional to focus users' attention in it.

      • Diapo Slideshow: jQuery Media Carousel

        Diapo slideshow is an open source media carousel developed in jQuery. It displays little thumbnails at the bottom as you hover over the dots and features diverse transitional effects when you select an item. This plugin requires jQuery 1.4+ to work, as well as some other libraries, included in the zip, to use its full features range.

      • Sliding Background Image Menu with jQuery

        This  jQuery menu has several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. 

      • wmuSlider, a jQuery responsive slider

        wmuSlider is a jQuery responsive slider with touch support and AJAX image gallery. It’s still very raw (really) and it’s been released under the MIT License; You can download the code and check out the demo on GitHub

      • Parallax CSS3 & jQuery Content Slider

        A content slider that uses CSS3 animations that control the animation of every element in the slider and create an amazing parallax effect by animating the background independently from the slider itself. This idea comes from the slider of the Kendo UI homepage, a framework for modern HTML UI.

      • Superslides fullscreen slider for jQuery

        Images are smartly centered in the viewport. Use your own media queries to control the layout of your content. For browsers that support CSS hardware acceleration, tasks, such as animation, are processed by the GPU giving massive performance gains.

      • horinaja for jQuery

        Horinaja is a ready-to-use slide-show implementation, utilizing either scriptaculous / prototype or jQuery. Horinaja is innovative because it allows you to use a mousewheel for navigation.

      • JQuery Cycle Plugin

        The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.

      • Fullscreen Slider with jQuery and CSS3

        This tutorial will show you how to create a fullscreen slideshow with a twist: the author slice the current slide open in order to reveal the next or previous slide. Using different data-attributes, the type, rotation angle and scale of a slide’s parts can be defined, giving us the possibility to create unique effects of each slide transition. …

      • Camera, Adaptive Slideshow

        Camera is a responsive / adaptive slideshow. Camera slideshow is an open source project, based on Diapo slideshow, but improved a lot. You can suggest changes or improvements if you want and download it to use it even for commercial projects.

      • FlexSlider 2, Responsive Slider

        FlexSlider 2 is a responsive slider with minimal controlers and navigation, and you can edit the few lines of HTML and JS it takes to create the slider.

      • WOW Slider, Web Photo Gallery

        Subway template demo with lots of effects like fading, cubic, blur, blinds, rotation, slices and more. If you hover over the slider navigation you'll see a preview of every image.

      • ResponsiveSlides.js, Tiny jQuery plugin

        ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It does not have a navigational arrows, so it works more as a showcase.

      • Elastislide, responsive image carousel

        Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images. …

      • Kontext: Simple Slider Snippet

        Kontext it's a context-shift transition, and you can use the dots below or your keyboard arrows. You can grab the Javascript, CSS and HTML, edit it in codepen and implement it in your website.

      • Portfolio Image Navigation with jQuery

        This plugin allows you to create a portfolio image navigation template with jQuery. The idea is to show some portfolio items in a grouped fashion and navigate through them in all 2D ways (horizontal/vertical). Both the arrows and the little boxes below the current image can be used in order to navigate.

      • The Responsive jQuery Content Slider

        This slider is fully responsive; it has horizontal, vertical, and fade modes, with slides containing images, video, or HTML content, among others.

      • Skitter, Customized Transitional Effects

        Skitter is a slider with customized transitional effects. It has different styles, inculding minimalist, round, clean and square, and also one by default, which includes simple arrows and a cool effect in the slider navigation showing the different images.

      • Nivo Slider Simple Slider WordPress Plugin

        The Nivo Slider is a beautiful and easy to use Wordpress image slider. It has cool transitions and effects, it's simple and flexible for integration, does not weight much and its resposive.

      • Blueberry jQuery image slider

        A jQuery image slider it's a simple component for displaying images with a minimal style written specifically for responsive web design.

      • iosSlider, jQuery plugin for cross-browser co...

        iosSlider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, or image gallery.

      • Evo: All-in-one jQuery Slider

        Evo Slider is an all-in-one jQuery slider that lets you create any type of slider content and gives you the flexibility of using it in several ways, whether you’re building anything from an image gallery to a banner rotator and assorted slider types.

      • Sequence.js, Sliders for the Modern Web

        Sequence.js is a refreshing and modern option for creating sliders. Using just HTML and CSS, Sequence allows you to create your own responsive slider with unique transitional styles. There are no limitations and no in-built themes, it is supported in modern desktop browsers, mobile browsers and even in old versions of Internet Explorer via a traditional fallback theme. …

      • Adaptor jQuery Content Slider

        Adaptor is a content slider with several transitional states created with jQuery. It has vertical 3D transitons, horizontal transitions, 3D and 2D tile effects, vertical, horizontal, blinds and fading effects.

      • Windy jQuery Plugin

        Windy is a jQuery plugin that allows a rapid navigation through a pile of items using some CSS 3D transforms and transitions. The effect of a continuous navigation flow reminds of a deck of cards or sheets flying away, hence the name.

      • Sly, JavaScript library for one-directional ...

        Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support. It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites.

      • Any List Scroller Plugin

        Any List Scroller is the jQuery plugin by to scroll any list, of any dimension, with any content. It is surprisingly easy to use, it works on any kind of list, list items must not have a fixed size, or equal to each other, and more. …

      • Galleria, JavaScript Image Gallery

        Galleria is a JavaScript image gallery framework that simplifies the process of creating beautiful image galleries for the web and mobile devices.

      • Unslider, jQuery Slider

        The jQuery slider that just slides. No fancy effects or unnecessary markup. It’s weighs less than 3kb.

      • Collapse Expand List View all items Download Bundle Submit
    • Useful Web Typography Resources (17 submissions)

      Mixed web typography resources from around the web.

      • Digital Typography Rules Beginners Tutorial

        A tutorial that provides you with 26 very useful tips in regards to digital typography editorial mainly focused for beginners in this field.

      • FFFFALLBACK: Simple Web Typography Testing To...

        A bookmarklet that will scan the CSS of the page in order to identify existing web fonts. To use it, just add the bookmarklet to your browser tab, go to the page you want to test and click on it. It clones the page and provides a tool where you can test and analyze different fallback font choices.

      • Typesettings.css: Minimal Typography Boilerpl...

        A typography boilerplate that allows you select, modify and improve selected typographic styles for minimal websites and digital projects. These styles are inspired in traditional typographic design. Among the styles to choose you can find openings, capital letters, select bolds, italics, linked and coded settings, modify the headings and more. It was created by Mike Mai.

      • Gridlover: Typography Adjusting Online Grid

        Gridlover is an online tool to help you establish the perfect grid to adequate the text on a website or app. It takes care of the font sizes, line heights and margins, manages HTML tags like body, p and h1 - h4 headings, and you can apply different values to different elements. This is a free tool and you can then download the results.

      • jQuery.blinker, Make Your Page Flicker

        jQuery Blinker is a simple plugin to make your links flicker. It can be arranged to perform in 4 different ways (and even more with a bit of creativity), such as:- Without options- Steady blinking- Blinking frenzy- Stopping and resuming blinking

      • CSS Type Set

        Edit fonts by type, color, spacing height, and many others, and grab the CSS.

      • Mecca Free Typeface

        This is a compelling font that comes in .otf and .ttf formats. It only has uppercase letters but includes the numbers and some of the especial characters used in regular writing. This font was created by Jose Garza.

      • Buug Free Typeface

        The Bug typeface is friendly and strong, perfect to be used in kid's books or advertising. It looks beautiful when used in short words, but in larger ones, readers might experience some readability issues. It is inspired on big shapes without losing the primary goal of the font; that is to keep it minimal while being readable. It was created by Emilio Correa.

      • Musket Free Font

        Musket is a rebound of the Musket Free Font that includes regular, bold italic and bold italic types. It is a Serif font with strong endings, legible and easy to integrate into any project, whether it is print, digital media or a mobile app. It includes latin characters.

      • Web Typography for the Lonely

        Web Typography for the Lonely aims to excite designers about the possibilities of cutting-edge web standards and javascript through beautiful and inspiring typographic explorations.

      • Shuffle Letters Effect: a jQuery Plugin

        In this short tutorial we will be making a jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.

      • Entypo+: SVG Pictogram Icons

        Entypo+ is a set of 400+ carefully crafted pictograms. This is the third version of this set and it only consists now of SVG, no PSD or font files, though it's suggested to use resources as Fontello to create fonts. The pictograms were created by Daniel Bruce and they're are licensed under Creative Commons BY-SA 4.0 and the font under SIL Open Font License.

      • Lettering.js

        Web type is exploding all over the web but CSS currently doesn't offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control.

      • Masked Text-Shadow

        Using the CSS3 mask-image property to create a striped text-shadow (Webkit-only). …

      • Typecast: Create Better Web Typography

        ​Use Typecast to create visual and semantic designs. This online tool allows you to arrange the texts of any website, modify the typeface, weight, color, size, spacing and more. You can also create various instances of the same page; for instance, you can set up different configurations for different screen resolutions.

      • Interactive Guide to Blog Typography

        This guide will help you understand the typographic foundations that will improve the readability of your articles.

      • Textillate.js

        A simple plugin for CSS3 text animations. Textillate.js combines some awesome libraries to provide an ease-to-use plugin for applying CSS3 animations to any text. Simply include textillate.js and it's dependencies in your project to start creating unqiue effects.

      • 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