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

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

      • 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
    • JavaScript Animation Libraries (30 submissions)

      Series of animation libraries and plugins for jQuery framework and also for pure javascript.

      • Popmotion: A Lightweight JavaScript Motion En...

        Popmotion is a 12kb JavaScript motion engine that can be used for animation, physics-like responsiveness and input tracking.

      • Spectacle: ReactJS Presentation Library

        Spectacle is an open source JavaScript library based on ReactJS for making online presentations featuring very smooth combinable transitions, user interaction, full-width adjustable opacity background imagery, among others. It was made by formidablelabs and it is under an MIT License.

      • Dynamics.js: JavaScript Physics-based Animati...

        Dynamics.js is a JavaScript library that applies physics to animations. It can create different types of animations like spring, bounce, gravity, bezier, easy in-out and more. You can apply the results to any design element, basically. The library can be installed via NPM or Bower and it was made by Michaël Villar.

      • ramjet: JavaScript and CSS DOM Elements Morph...

        A library in JavaScript to morphing DOM elements from one state to another with smooth transitions. It is quick to install, and you can generate different types of animations, like transforming shapes into images, apply colors and more.

      • CSS & JavaScript Animations and Transiti...

        A library made in CSS and JavaScript for animating elements and creating cool transitions between blocks. It can be used in different situations for enhancing the appearance of your website or navigate between pages mobile applications. This plugin is licensed under MIT.

      • Animate Plus: CSS Properties Animation JavaSc...

        Animate Plus is a JavaScript library for animating CSS properties and SVG attributes. It helps you generate quick UI interactions and longer animation sequences. It was created by Benjamin De Cock.

      • iconate.js: Icon Animations JavaScript and CS...

        iconate.js is an animation library for icons made in JavaScript and CSS, allowing to transform one icon into other. It uses Font Awesome icons, but it also can use Glyphicons. It was made by Jignesh Kakadiya.

      • jQuery Image Player Library

        A jQuery player that displays images with control similar to those video players. it allows you to play, pause and resume, among others. It also lets you modify the animations, the effects (including fading, hiding, sliding, custom text, and more). The plugin can be used in any kind of project and it works in every major browser.

      • Spring: iOS Swift Animations Library

        Spring is a simple library to improve the quality, performance and usability of Swift animations in iOS devices. Among its features you can find autostart, autohide, chained animations, and more. To use it, just add the library into your Xcode project. It has been released under the MIT license and created by Meng To.

      • Anima: CSS Animations JavaScript Library

        A simple plugin for animating all kinds of elements at a time. It uses CSS transforms and 3d-transforms along with Javascript to create animations. It weighs 5k gzipped, it's free and it was created by Yehor Lvivski.

      • Velocity.js: Accelerated JavaScript Animation...

        An animation engine that works with or without jQuery. It's fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. The library is compatible with modern browsers. It was created Julian Shapiro and it is free to use and implement in your next project.

      • snabbt.js: JavaScript Animation Library

        A library made in JavaScript for animating HTML elements with the minimal requirements. It is fast, easy to use, and you can animate more with less coding. It does not handle colors, padding, margin or line height animations. This library can be downloaded for free and used in any project. It was created Daniel Lundin.

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

      • Rekapi: JavaScript Keyframe Animation Library

        A library that helps you create canvas and DOM animations with the help of JavaScript. It also uses CSS animations for modern browsers. With it you can create animated graphs, confetti, tweening Octocat, iOS7 riff (JavaScript DOM animation); you can even make pie charts.

      • particles.js: Particles Creator JavaScript Li...

        particles.js is a simple JavaScript library for creating particles. It makes the particles flow automatically, and whenever a particle comes close to another, it creates a smooth connector that illuminates the more the closest the two dots get from one another. It was created with a bit CSS for styling. It was created by VincentGarreau and hosted on GitHub.

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

      • AniJS: UI Interaction JavaScript Library

        AniJS is a cool JavaScript library for interacting with UI elements without worrying about coding. It is meant for designers, so the semantics are written in plain english, so anyone can understand. With this library, you can animate single elements of a user interface or entire sets of them, and you can apply the effects to be triggered with different events, like hovering over or clicking. This experiment was created by Dariel Noel, who upload this to GitHub for everyone to edit and use.

      • SwishJS: CSS animations Creation JavaScript L...

        SwishJS is a JavaScript library that applies CSS transitions to elements. With it, you can create different effects like fade, zoom, slide, 3d rotate and more. Swish seems like the show and hide jQuery methods, which toggle the display property for transitioning elements. Swish transitions elements using CSS instead of JavaScript. The project is hosted on GitHub and it was created by Jordan Ranson.

      • Mobile Dynamic Interactions JavaScript Librar...

        Impulse is a lightweight JavaScript library for building dynamic interactions based on physics, mainly focusing on mobile web. Other animation libraries animate from one state to another in a fixed period. Impulse bases the animation on the initial velocity. It weighs about 9k minified and gziped, disregarding any significant dependencies, and works with jQuery.

      • jQuery Plugin to Exhibit Web Designs in Multi...

        Prezento is a plugin that lets you exhibit web designs. You can showcase your designs on smartphones, tablets, laptops, desktops and more. It automatically scrolls, so the user doesn't have to do anything but looking. Among the features this jQuery plugin includes you have: - It uses CSS animations to scrolling from top to bottom. - Allows you to choose the devices for showcasing your website. - Choose how fast the animation will go. To use this plugin, include jQuery, include the plugin and declare a Prezento placeholder. If you forget to declare a device, you'll see an error message indicating you should add …

      • Cross Browser CSS3 Animations jQuery Framewor...

        jQuery-animations is an animations framework made with jQuery that work in any browser making use of CSS3. By using it, you will be sure your animation works in every browser, and also that it will look the same in every one of them. There are animations like fades, shake, bounce, slide, fly, rotate, zoom, scale and flip. GitHub's user emn178 created this experiment, allowing it to be downloaded for free.

      • CSS Animated Page Transitions jQuery Plugin

        Animsition is a jQuery plugin that helps you create animated transitions with CSS. With it, you can make 18 different animations, in which we can include: - Fade - Rotate - Flip - Zoom The plugin supports browsers as IE10+, Safari, Chrome, Firefox and Opera and its process of installation is really simple, as follows: - Link the required files. - Create the HTML markup. - Add the respective code to apply the transition. - Call the plugin. - Done! It has been released under the MIT license, was created by blivesta and uploaded to GitHub for anyone to fork and improve.

      • jQuery.smoothState.js: Plugin for Adding Tran...

        smoothState.js lets you add transitions to eliminate the hard cuts and white flashes of page loads that deface the beauty of the user experience.

      • bricklr: Create Brick-walls with JavaScript

        bricklr is a JavaScript code snippet that lets you create brick-wall effects in different styles. You can build regular blocks with random colors, pattern repetition, circular bricks, particular and multicolor color, big and small, and many more. You can modify whatever you want by typing different values to the code.

      • Particleground jQuery Plugin for Snazzy Backg...

        ​Particleground is a compelling jQuery plugin for snazzy background particle systems. It includes an optional parallax effect controlled by the mouse on desktop machines and gyroscope on mobile devices. Also, it works in any browser that supports HTML5 canvas.

      • GSAP: Professional-Grade HTML5 Animation

        The GreenSock Animation Platform is a suite of tools for scripted animation. It includes:TweenLite: the core of the engine which handles animating just about any property of any object. It is relatively lightweight yet full-featured and can be expanded using optional plugins (like CSSPlugin for animating DOM element styles in the browser, or ScrollToPlugin scrolling to a specific location on a page or div, etc.)TweenMax: TweenLite’s beefy big brother; it does everything TweenLite can do plus non-essentials like repeat, yoyo, repeatDelay, etc. It includes many common plugins too like CSSPlugin so that you don’t need to load as many files. …

      • Shadow Animation jQuery Plugin

        With this jQuery plugin you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius, among other functions and properties.

      • Collie, High Performance Animation Library fo...

        Collie is a Javascript library that helps to create highly optimized animations and games using HTML 5. Collie runs on both PC and mobile using HTML5 canvas and DOM.Collie can stably process multiple objects using rendering pipelines and supports useful features including sprite animation and user events. Stably supports iOS and Android, and renders with an optimized method for each platform. Also easily responds …

      • Transit, CSS transitions and transformations ...

        Super-smooth CSS transitions & transformations for jQuery.

      • Anima, CSS animations with a soul

        With Anima it's easy to animate over a hundred objects at a time. Each item can have it's mass and viscosity to emulate reallife objects!

      • Collapse Expand List View all items Download Bundle Submit
    • Color Palette Tools (14 submissions)

      A list for creating, interacting with and editing color palettes.

      • Coolors: Intuitive Color Schemes Generator

        Coolors is an online color scheme generator that allows you starting with a randomized scheme and customize each individual in position and several specter values.

      • UIPalette: UI Color Tools & Trends Colle...

        An online collection of several color palette tools, trending sets, and generators that will give you a hand when designing time comes up. In this collection, you will find stacks of famous brands color schemes, iOS7 colors, Adobe Color CC, among other highly useful tools and sets.

      • Color Hunt: Curated Color Schemes Collection

        Color Hunt is a crowd sourced curated collection of 4-color scheme sets that can be sorted out by date and popularity. You can also create new scheme sets that will be reviewed by the curators.

      • Material Design Color Palette Generator

        A beautiful online tool for generating a color palette to include Material colors into your designs. The tool lets you select two colors and based on them, it generates the color palette. After that, you just download it and use it on your designs.

      • Material Colors HEX Value Picker

        An online tool for selecting the main colors used in Material design. It is really simple for composing color palettes, in which you just select the color and it provides additional options. Then, add them by copying the HEX value.

      • Vibrant.js: Image Prominent Colors Extractor

        Vibrant.js is a JavaScript library that takes the most prominent colors of an image for you to use them in your designs. It orders the colors, from the most vibrant to the least one, although it tends to focus on the brightest colors, not necessarily the most relevant ones.

      • Colour Shades Online Generator

        An online shadow generator in which you just select the hex color and it throws several shadings for that specific color. This tool is great for selecting similar colors for any kind of design. The tool gives you the HEX values so you can use them easily. You can use it for free.

      • Color Safe: Accessible Web Color Combinations...

        A tool that allows designers to take advantage of accessible color palettes based on WCAG Guidelines. To use it, select the background color, font family, font size, font weight, and the WCAG Standard. Then pick a color to set the text color. You can preview text color in the upper toolbar by clicking a box, and select the Hex or RGB value in the toolbar to copy to your clipboard.

      • Color Thief: jQuery Image Color Palette Selec...

        A plugin made in jQuery for selecting the colors of any given image. It uses Javascript and the canvas tag to achieve this effect. It gives you the main color used in the image and the rest of its color palette. You can use it online or download it and implement it for free.

      • Tint UI: Online Hexadecimal Color Tool

        Tint UI is an online tool for selecting colors and copy them in hexadecimal codes. It simplifies the work of designers by giving them suggestions on colors from iOS, Android, Flat UI, Windows and Pantone 2015. It was created by João Piedade.

      • Material Design Color Palette Sketch Plugin

        A plugin for Sketch with helps you select the colors on the Google Material Design palette. To use it, you just need to go to Menu - Plugins - Material Design, select the color and the palette will appear. This is a free plugin and can be downloaded from GitHub.

      • Online Material UI Colors Selector

        The material UI Colors is an online tool that allows you to select the colors you need and then it compresses into swatches to be used with Photoshop and Illustrator. The tool has its base in the material design trend that's been going on for a while now. It lets you select the values in which the swatches will be saved, whether it is HEX, #HEX, RGB or RGBA. The colors are also copied to the clipboard.

      • BrandColors: Brands Color Picker

        This is a cool online color picker that allows you selecting the color main colors of the logos of different brands all over the world. You just type in the name of the brand, and then select the hexadecimal value for the color or colors. This tool is very useful in web design by the time of creating mockups, and UI kits, among many others. After you select the color you want, you can download it as ASE, SCSS, LESS and CSS. It was created by BrandColors.

      • Palettab: Color Palette Chrome Extension

        Here we have a free extension for Google Chrome that allows you to select colors from any new tab, showing you how can it be matched with a random typeface, usually web font, so you can use it as inspiration for your next design. The web font's name appears at the bottom, so you can easily recognize it and use it.

      • 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