CLOSE
CLOSE
    • A huge pack of 150 isometric icons about the most popular topics in the industry, this set takes the beauty of flat icons from the 2d plane to a 3d space, also includes the vectorial fi...
    • Web Development Tools (173 submissions)

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

      • High Performance SVG & CSS Tricks

        This tutorial has a collection of tips on how to improve the performance of a website by improving the SVG files. It ranges from tweaks to the number of paths on the image to export options.

      • Hover.css: Guide to CSS Hover Animations

        Hover.css is a great little CSS library that adds hover effects to your HTML links and buttons. This tutorial will bring you the basics to input neat hover effects on buttons and more.

      • Speed Monitor: Website Performance Reports fo...

        Using Node.js & Mongo DB, this is a script that sends reports of user performance on Slack, Rocket.Chat & Mattermost. The performance is captured using performance.timing.

      • Simple CSS Media Queries

        Simple CSS Media Queries is a tool that will return the media query necessary for the device you choose. It includes all the platforms and a variety of devices from small phones to desktop computers.

      • Ginger: Column Grid System

        Ginger is a minimal flexbox 12 column grid system. It gives you a solid lightweight grid system to make developing and designing your next site easy and quick.

      • GitHub Widget: Social Embedded Widget

        This is a widget that shows your GitHub details and that you can embed in any website. All you have to do is add the code to your HTML, replacing the value with your own GitHub username and your details will be displayed.

      • Mobi.css: Lightweight & Flexible CSS Fra...

        Mobi.css is a CSS framework that shows mobile pages in desktop with a sidebar on the left or right. It is lightweight, easy to use, and works on all major mobile devices.

      • Placeholder.js: Simple Image Placeholders

        Placeholder.js renders image placeholders for browsers. It can have custom colors, fonts, resizing behavior. It is pure javascript, that does not depend on jQuery or other javascript frameworks.

      • DuckSell: Digital Downloads Manager

        Ducksell is a PHP script that helps you sell products on your website and delivering them to the customer. It generates a secure download URL with a key that can be set to expire. It also includes real-time analytics for the user's activities.

      • CloudCannon: Jekyll Cloud CMS

        CloudCannon allows you to build static or Jekyll websites, with inline updates. Easy collaboration between developers and non-developers, and the option to sync files with GitHub, Bitbucket or Dropbox.

      • Forestry.io: Simple Jekyll & Hugo CMS To...

        This is a simple CMS that allows non-coders to edit. Designed for Jekyll and Hugo sites, you can connect to a repo or upload a zip. The tool will Parse the project and automatically build a CMS.

      • Prototyp: Quick & Easy Interaction Proto...

        This tool allows easy and quick prototyping of interactions in Framer.js. It can be used in any browser, on any operating system, with mobile previews included.

      • Zig: System Programming Language

        Zig is a system programming language intended to replace C which prioritizes optimality, safety, and readability. Intended to port any existing .h files and directly use C types variables and functions. Zig includes a lot more useful features.

      • KDevelop: Coder’s Development Environme...

        KDevelop is a feature-full open-source, plugin extensible IDE for C/C++ and many other programming languages. Supported platforms include Linux, Solaris, FreeBSD, Mac OS X and other Unix flavors as well as Microsoft Windows.

      • Kanbanion: Kanban Board Tasks Manager

        A Kanban board. Simple, digital and local. With its JSON-based storage, Kanbanion is the perfect choice for keeping track of a single project's tasks. The Electron platform makes it feel and behave just like a native application.

      • Blisk: Web Development Browser & Tester

        This especial browser has a lot of useful features for development like the full emulation of smartphone devices and tablets for testing your projects and apps. Available for Windows, MAC and soon for Linux.

      • Lerna: JavaScript Projects Manager

        Lerna is a tool that optimizes the workflow around managing multi-package repositories with git and npm. It can be globally installed using just npm commands.

      • Online Icon Picker Tool

        This online tool is a vast collection of categorized icons where the user can select the one he likes and get a different sized preview. All the items are sort by a huge amount of categories and sizes, with the option to copy the code to clipboard.

      • Simpla: Plain HTML Website Editor

        Intuitively create dynamic content with a collection of HTML elements. Instead of admin areas or forms, you can edit inline, and it contains a JSON API for developers. No CMS needed.

      • Crontab.guru: Reliable Cronjob Monitor

        A quick and reliable monitor for cronjobs that uses five expression parameters for values such as minutes, hours, dates, months and weekdays. You can use specific values, alternative values, step values, and a range of values.

      • HyperTerm: Front-end Web Terminal

        Using open web standards, HyperTerm offers a beautiful and extensible experience for command-line interface users. A download is available for macOS, but builds for Windows and Linux are coming soon.

      • OpenShare: Social Platforms API Wrappers

        A completely customizable API wrappers for all major social networks and platforms that unlike other social sharing tools, it doesn't retarget and profit from customer's users.

      • CloudRail: Multi-platform Integrated API

        An inclusive tool that integrates multiple services with just one API into your applications, it is available for different platforms, Android, Java and iOS.

      • CodeComet: Front-end Version Control

        An interesting tool which aims online coding while offering a powerful text-editor and features such as version control, collaboration, compilation, hosting and much more.

      • Public JSON APIs List

        A great list of public JSON APIs to help people build applications for free quickly and easily, offering a wide range of options carefully classified by themes.

      • CSS Specificity Analyzer

        An online tool that analyses a CSS code placed in an input field, it generates then a graph that displays the degree of specificity of the code, showing with spikes the place where it's more specific.

      • Microlight.js: Code Highlighting Library

        A very tiny open-source library that showcases a highlighting feature to improve the readability of code snippets, and can be used for any programming language.

      • Holmes.js: Search Engine JavaScript Library

        Holmes is a library that offers a searching option inside any page, it features an easy installation using either npm or bower and including full documentation on its website.

      • Family.scss: SASS Mixins Tool Set

        A set of 16 SASS mixins which aims to unleash the power of the nth-child property, in an easy way, helping you to understand each and every mixin, literally, reading it.

      • Waffle.io: GitHub Project Management Tool

        Waffle.io is a project management tool for GitHub which displays real-time updates, pursues a customizable workflow, and offers filtering options among other features.

      • Cuttlefish: Transactional Email Server

        Cuttlefish is a transactional email server that features an intuitive web interface and allows you to send lots of emails from your apps effortlessly using SMTP, monitor reaches and bounces, track which emails and inner links were opened and so much more.

      • NPM Frontend Tasks GUI

        A GUI tool for NodeJS based projects that allows you to easily work with package.json and node_modules folder, even for developers who aren't familiar with task runner-like Gulp and GruntJS .

      • Froont: Online Web Design Tool

        Froont is web page building tool that allows its users to see the real-time changes, alongside lots of functionalities like drag & drop, supports animations, and can export the automatically generated code.

      • Copper: Password-free Mobile Number Signup

        Copper is a script that allows the web pages or applications to implement a field to signup, without needing a social account or e-mail, just a cell phone number.

      • JWT Inspector: Browser Inspection & Debu...

        JWT Inspector is an extension to inspect JSON Web tokens in requests, cookies, and local storage that can be added to Chrome browser, and quite soon will be available for Firefox and Safari as well.

      • AOS: Animate On Scroll Library

        AOS is a CSS3 driven scroll animation library useful to animate elements on any website while the scroll is going on. It works in any direction either while scrolls down or up.

      • isMobile: Mobile Devices Detection JS Library

        A useful JavaScript library for detection of mobile devices in cases where responsive design does not solve problems of controlling web elements across several different screen sizes.

      • Push.js: JavaScript Notifications API Solutio...

        Push is a JavaScript library that eases getting up and running with javascript desktop notifications, which allow modern browsers to push notifications to a user's desktop.

      • Img2css: Convert Images To Pure CSS

        Img2css is a tool that converts any image into a pure CSS, it provides you in a single div with the code that you can use in your projects achieving a better performance when opening with browsers or any other need you may have.

      • Isotope: Magical Layouts jQuery Plugins

        Isotope is a truly powerful jQuery plugin for magical layouts that can readjustment themselves depending on the browser dimensions, along with filtering and sorting functionality.

      • Visual-center: Images Visual Center Locator T...

        Visual Center is an online tool that will help you find the visual center of any image, it shows first the center of the element and next to it the visual center of the image selected.

      • Botlist: Web Bots App Store

        A great App Store containing web bots from several known institutions, companies, services, and other internet tools, offering options to automate diverse tasks of your interest.

      • jQuery Cards: jQuery Plugins Repository

        A repository containing 1000+ jQuery plugins sorted in several categories, forms, media, navigation, UI, and many others, where some of them include a live preview.

      • CSS Centering Code Generator

        A fantastic online tool that will help you centering in CSS, a task that usually causes headaches to developers, by providing it information of what you need, it will generate the code, making easy the whole process.

      • Unstuck Webpack: Projects Creation Tool

        A web pack for quick project creation featuring a GUI tool that guide you through different options, and helping you to save time for project configuration that offers templates for Angular, React, Vuejs and Nodejs among others.

      • Aleut.css: Scalable CSS Framework

        Aleut.css is a CSS framework designed with scalability and performance in mind. It generates just the absolutely necessary lines of code, you can implement it in little or huge projects as you want, and letting you have the control all the time.

      • Modaal: Accessible Modal Plugin

        Modaal is a plugin to create accessible dialog windows that aims a mix of quality, flexibility, and accessibility that can be used in a wide range of projects.

      • Jam API: Websites API Access

        Jam API is a service to generate JSON accessible data using CSS selectors from any website, creating extra options for developers who want to interact with your site.

      • Vue.js: Web App JavaScript Framework

        A JavaScript web application framework that helps you compose your applications with decoupled and reusable components perfect for modern web interfaces, easy to install via NPM or Bower.

      • Google Chrome Web Development Tools

        A set of web developer tools for authoring and debugging into Google Chrome, providing to developers access into the internals of the browser and their web app, making it perfect for testing and solving issues that will help with obtaining the best code.

      • Caddy: Lightweight HTTP Web Server

        An alternative web server easy to configure and use, supporting http/2, IPv6, markdown, web sockets, fastCGI, templates and more, it is available for multiple platforms, Mac, Linux, BSD, and Android among them.

      • Atomic Docs: Front-end Component Manager Tool...

        Atomic Docs is a fantastic front-end toolkit and a SASS component manager, built in PHP, and ready to add to your local environment, it will let you manage all your components in an easy way using a clean GUI interface.

      • React: JavaScript UI Library

        React is a flexible JavaScript library for building user interfaces and is often used as the V in the MVC model, it can render on the server using Node, and can also power native apps using a new feature called React Native.

      • Polymer: JavaScript Web Components Library

        Polymer is a JavaScript software library used to define and style web components, implementing modern design principles to create custom HTML elements, it has reached version 1.0, and has begun to gain increasing recognition from the web development community.

      • DeckHub: GitHub Desktop Client

        A desktop client for GitHub with a stunning TweetDeck style, keeping you up-to-date with notifications, featuring a multi-user platform, custom columns, and mixing of different repos, users and organizations.

      • Codetasty: Powerful Cloud IDE

        An IDE in the cloud that includes all the features of a desktop one, it comprises several language tools, a file explorer, a terminal, and extensions. It is perfect for collaboration, sharing code with friends or colleagues.

      • Kite: Productive Development Environment Plug...

        An amazing code editors plugin which provides you with a floating dock-sidebar that aids your coding at all times by showcasing suggestions of functions and methods as you type organized by popularity. You can also see documentation on-the-go, examples, and even highlights syntax errors thus boosting your workflow.

      • Jsmp.io: Browser Package Management

        A JavaScript package manager that supports installing any module format from any registry, with GitHub and npm currently provided with flat versioned dependency management.

      • Popper.js: Useful Web Tooltips Javascript Lib...

        Popper.js is a useful library that aids in creating poppers in web development. Some featuring custom boundaries, GPU acceleration, offsets, and modifiers make of it an ideal tool.

      • WPDK: WordPress Development Kit PHP Framework

        A WordPress PHP framework aimed to make productive, solid and easy to maintain the creation of plugins and themes. This Development Kit includes downloadable several samples on their website.

      • Herbert: WordPress Plugin Framework

        Herbert is an effort to standardise and structure the process of building WordPress plugins, instead of the unorganised current approach, saving time to developers and making work in teams easier.

      • Stellar: Easy Scaffolding LESS Library

        A LESS library for easy and fast web app scaffolding, arranging in rows and columns, responsive design, and few lines of code. Learn how to use it with samples and tasks in their own website.

      • Superplaceholder.js: Input Placeholders Libra...

        A JavaScript library to carry your input placeholders to life showcasing multiple instructions in a single input placeholder, animating, providing extra information, and examples to fill them.

      • Mercury: Modular Front-end JavaScript Framewo...

        A Javascript front-end framework which aims to be modular, making it possible to combine along with other frameworks, written by Raynos who has created several other useful libraries and it seems to have got lots of interest from the community.

      • DesktopServer: Local WordPress Projects

        Create a locally installed WordPress site in seconds on Windows or Mac. Easy custom configuration with blueprints and tools to import or deploy your live website.

      • Rikulo: Web & Mobile HTML5 UI Framework

        Rikulo is a UI Framework in Dart language which allows code to be run at the client and server into the UI, is aimed to provide a structured model for cross-platform web and mobile programming using HTML5. Also provides capabilities to build native mobile applications.

      • Substance: Web Based Content Editing

        Substance is a JavaScript Library for web-based content editing platform, also can be used to build a sheets editor, web content, a notepad application and many more. Document authoring can be done in the browser, in a simpler and more collaborative way.

      • Awesome MongoDB Resources Collection

        A complete list of MongoDB resources with full documentation, libraries for several programming languages, many tools like Big data and Deployment, among others including some examples of applications ready to be used.

      • GitHub Importer: Migrate Your Code

        Github Importer allows you to migrate your code and repositories from Subversion, Mercurial, Team Foundation Server, or any other Git repository directly into GitHub.

      • Phoenix: Productivity Web Framework

        Phoenix is a productive web framework that does not compromise speed and maintainability by implementing the server-side MVC pattern and many of its components and concepts similar to the ones in other web frameworks like Ruby on Rails or Python's Django.

      • Visual Studio Code: Microsoft Debugging Code ...

        An open source code editor developed by Microsoft for Windows, Linux and OS X, it's redefined and optimized for building and debugging modern web and cloud applications. VS Code combines the streamlined UI of a modern editor with rich code assistance and navigation, and an integrated debugging experience, and has hundreds of extensions.

      • Simulacra.js: One-way Data Binding

        Simulacra.js makes the DOM react to changes in data so as to map those changes to the DOM by adding and removing elements after invoking mutator functions, which by default, assign plain text and form input values.

      • GrapesJS: Online Web Template Editor

        GrapeJS is an open source online tool that allows you to edit your website templates counting on a neatly crafted minimal UI toolkit for style, layers, code, and asset management, as well as local and remote storage, and default built-in commands.

      • imba: JavaScript Compiled Language

        Imba is a programming language development for the web that compiles to highly performant and readable JavaScript supports for defining, extending, subclassing, instantiating and rendering DOM nodes.

      • Touch Pressure Intensity Interactions

        Pressure is a JavaScript library that allows you to handle certain parameters on the web which values vary depending on the pressure you apply on the touch screen on new Mac and iPhone devices.

      • JavaScript list: one JS tip every day!

        Enjoy this short and useful resource to find JavaScript tips every day in order to improve your code writing. If you want to enrich the list you can also make your own suggestions!

      • Ally.js: Simpler Accessibility JavaScript Lib...

        A JavaScript library that simplifies certain accessibility features, functions, and behaviors by providing certain standard functions that the web platform should've provided itself for JavaScript applications to be made accessible more easily.

      • OS.js : JavaScript Cloud & Web Desktop P...

        OS.js is a completely free and open-source JavaScript web desktop implementation for your browser with a fully-fledged window manager, Application APIs, GUI toolkits and filesystem abstraction. Works in any modern browser and can be deployed on any platform using Node or PHP.

      • Appolo: Jekyll Plugins & Themes

        Appolo is a set of plugins and themes for Jekyll to create a static portfolio website for app developers to showcase their work. It has a minimalistic style and responsive design.

      • Iceberg: Front-End Boilerplate

        Iceberg is a front-end boilerplate to help you start your web projects from scratch in an easier way, so you don´t need to re-create everything every time.You can download it or install it via Bower.

      • CLImate: PHP Terminal Customizer

        CLImate allows you to easily output colored text, special formatting, and even animations. It makes output to the terminal clearer and debugging a lot simpler.

      • Awesome Development Interviews Collection

        An awesome collection of interviews about development regarding topics of several programming languages, databases technologies, operative systems, algorithms, coding exercises, and more.

      • OpenCampus: Professional Certifications Resou...

        OpenCampus is the biggest resource library regarding professional certifications for PMP, CAMP, ITIL Foundation, Big Data Developer, Hadoop Administrator, Six Sigma belts, Microsoft Excel, and more.

      • Lineman: Client-Side-Focused Utility

        Lineman is a command line utility that allows you to focus in the client-side part of applications development and also provides you with the most relevant server-side application development features.

      • JSONView: Mozilla’s On-browser JSON Vie...

        A Mozilla extension for visualizing JSON files directly on the browser nicely formatted instead of prompting to download it or rendering it as text featuring collapsible array and object sections.

      • Auth0: Angular 2 Authentication Library

        A service that abstracts how users authenticate to applications which can be using custom credentials, social network logins, enterprise directories or password-less systems.

      • Curated UI Design & Development Feed

        A curated feed of articles and resources regarding web applications UI design, and front-end, back-end and full-stack development. You'll find tutorials, tools, inspiration, and more.

      • BackstopJS: CSS Responsive Debugger

        BackstopJS takes screenshots of your website or web app in several sizes in order to find unwanted CSS regressions by reporting which and how many screen sizes failed.

      • Scrapy: A Powerful Web Crawling Framework

        Scrapy is a cross-platform and collaborative framework open-source developed in Python for extracting relevant data from websites.

      • Flask Micro: IDE Code-editor WordPress Plugin

        Flask micro is a WordPress plugin that implements CodeFlask.js as a shortcode for IDE code edition.

      • Telepat: Real-time Back-end Data Sync

        Telepat is an open source back-end stack that allows you to provide your clients in real-time with information and updates as well as flexible deployment and simple scaling.

      • Real-time Web Communication Demos

        WebRTC is an open source repository that consists of demos and experiments on real-time communication for web technologies.

      • Documentation-focused Curated Resources

        The Web Field Manual is an online curated list of resources focused on documenting only the best knowledge for designing experiences and interfaces on the web.

      • Fly: New Generator Build System

        Fly is a modern co-routines, generators and promises based built system for Node.js. It features concurrent tasks, robust error handling, cascading tasks and a simple API.

      • Lattice: Server Workload Manager

        Lattice manages containerized workloads on clusters which consist of a number of virtual machines that run containers, and a brain that monitors the cells.

      • UnCSS: Unused Styles Remover

        UnCSS is a tool for removing unused CSS code from your stylesheets that works across multiple files supporting JavaScript injected CSS.

      • Awesome Ruby Gems Collections

        A huge collection of ruby on rails gems classified by category and listed in GitHub by its author hothero.

      • 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 that automatically builds a development environment tailored specifically for your application and 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.

      • Eager.io: 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.

      • reactCSS: CSS Classes into React.js JavaScrip...

        A JavaScript tool that allows the inclusion of CSS classes into ReactJS. It allows class-based data, you can keep HTML and components styles together and easily attach the classes to the code.

      • 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 socket.io. It is easy to setup even as a desktop software for Windows and Mac, and it is extensible

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

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

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

      • APIs.io: Online API Search Engine

        APIs.io 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.

      • 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 tool that creates a tunnel from the public internet to a port on your local machine with download available for several OS platforms. 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: Off Canvas Menus & Panels jQuery...

        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.

      • Omega: Python Web Platform

        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.

      • ScrollAdvance: Scrollable Backgrounds jQuery ...

        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 covers all your heat map visualization needs.

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

      • Orson: Online Tool for Creating Themes

        Orson is a great tool for creating your own 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.

      • -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 or 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 or elements, style attribute changes and CSSOM changes (requires plugin). - Lets jQuery’s .css() method get and set unprefixed properties (requires plugin).

      • 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 websequencediagrams.com, 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. It runs the same tests as Xcode.app, and provides a structured output of build and test results, human-friendly, ANSI-colored output, and 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 builder is not a generic task runner, but a specialized tool focusing on the production of a small number of deployment-ready files from a large number of heterogenous development files or trees.

      • 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 & 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 Collection Submit
    • JavaScript Animation Libraries (42 submissions)

      A collection of JavaScript animation libraries and plugins based on pure JS as well as several frameworks such as jQuery and ReactJS for web elements in CSS, HTML, DOM, JSON, SVG, and a...

      • Choreographer-js: Simple CSS Animations

        A simple library to take care of complex CSS animations. It can also add custom functions that do non-CSS animations. To use it simply install the package via npm or include the file as a script.

      • Granim.js: Gradient Animations Library

        Granim.js allows the user to create fluid and interactive gradient animations. It has the option to make gradients with colors or images.

      • Devices SVG & JS Animation

        A transitional animation that showcases a variety of famous devices changing shapes within one another. Utilizes SVG resources and JS for the animation.

      • BodyMovin: After Effects-to-HTML JavaScript L...

        A simple JavaScript library for exporting creations made in Adobe After Effects to SVG, canvas and HTML. It installs as an extension within After Effects, and it works by opening a panel with a Composition's tab, selecting the composition you need to export and finally selecting the destination folder.

      • Open Source React D3 JavaScript Library

        React D3 is a library made in JavaScript that allows developers to use D3 within React to manipulate graphical elements. The advantage of this is that you can harness the power of React with the flexibility of D3 by compiling your code into React components. D3 also helps you automate scaling ranges, normalize data and construct legends.

      • Anime.js: Basic JavaScript Animation Library

        A flexible yet lightweight JavaScript library used to create basic animation. It works with CSS, individual Transforms, SVG, DOM attributes and JS Objects.

      • AOS: Animate On Scroll Library

        AOS is a CSS3 driven scroll animation library useful to animate elements on any website while the scroll is going on. It works in any direction either while scrolls down or up.

      • SnapFoo: Open-source JavaScript Animation Lib...

        A JavaScript library to help you simplify the SVG animation process and used as an extension of SnapSVG (a JavaScript SVG library), including a complete documentation, examples, GitHub repo, and it is easy to include in your project.

      • TweenJS: JavaScript Tweening & Animation...

        An amazing library for tweening and animating HTML5 and JavaScript properties allowing you to apply easing and delais, do mltiple-tween sequences, as well as handling numeric or non-numeric properties, and more.

      • SnapSVG: SVG Animation JavaScript Library

        Adobe web platform's useful library provides you with clean, streamlined, intuitive, and powerful API for animating and manipulating both your own SVG content and Snap generated SVG content.

      • Skrollr: JavaScript Scroll Animation Library

        A full-featured library for web site elements animation developed in pure JavaScript allowing you to feature parallax backgrounds as well as element transforms, light dimming, easing effects, and more.

      • Spirit: Intuitive JavaScript Animation Librar...

        SpiritJS is a JavaScript library that allows you to create utterly appealing animations counting on full timeline control, import and export JSON files, inspect animations, high-performance by aiming GPU, an interactive and intuitive UI, and much more.

      • React Motion: JavaScript Animation Library

        React Motion is a JavaScript library for handling animations easily. It helps you create and manipulate simple transitions, draggable elements, list transitions, photo galleries, draggable range pickers, water-like ripples and draggable lists.

      • Direction-aware 3D Hover Effect

        Basic and smooth 3D hover effect made with CSS and a little bit of JS, a direction sensitive cube that flips from the direction of the cursor to the center.

      • Terra.js: Biological Simulation Library

        Terra is quite a unique JavaScript library that provides you with methods and functions completely ready to create creatures and or environment objects and let them interact with each other. Some examples are provided too.

      • ScrollReveal: Web & Mobile Scroll Animat...

        ScrollReveal is a JavaScript library that allows you to generate animations on scroll events handling HTML elements' style parameters.

      • Motion: Stunning JavaScript Sound & Anim...

        An amazing JavaScript library for animations on the web featuring nice and perfectly suited sound effects that boost your web elements to a different level of animation.

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

      • CSS Animation jQuery Plugin

        A plugin made in jQuery to make CSS3 animations that include HTML5 data attributes. With it you can lay out your animation steps by time (in seconds), percentages, or both, you don't need to use more @keyframes or browser prefixing and add multiple animations simultaneously in one element.

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

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

      • 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 was crafted for designers, so the semantics are written in plain english, so anyone can understand.

      • Responsive Web Design Exhibition jQuery Plugi...

        Prezento is a jQuery plugin that allows you to exhibit your responsive web designs across several devices as well as giving your visitor control over the scrolling of your web design.

      • 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 counting on 18 different animations based on effects like fade, rotate, flip, zoom, and overlay.

      • 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 counting on 4 main ones; TweenLite for animation handling through object properties, TweenMax for boosting Tweenlite with non-essentials like repeat, delays, and more, TimelineLite for sequencing actions precisely relating the timing between them allowing even timeline nesting and workflow modulation, and last but not least, TimelineMax which extends TimelineLite with non-essentials too.

      • 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. Stable support for iOS and Android, and renders with an optimized method for each platform.

      • Transit: CSS Transitions & Transformatio...

        Transit is a super smooth CSS-like transitions & transformations library for jQuery allowing you to handle UI elements' opacity, margins, position, rotation, scale, skewing, 3D transforms, eases, and a lot more features.

      • Collapse Expand List View all items Download Collection Submit
    • CSS Tooltips (32 submissions)

      A compilation of beautifully designed CSS tooltips, integrating attractive looks with a useful variety of purposes and features.

      • Wenk: Lightweight CSS Tooltip

        Wenk is a Lightweight tooltip written in pure CSS using PostCSS. The minified version is 712 bytes when gzipped. It can easily be styled using data attributes or classes. The tooltip will adjust to fit the content.

      • jQuery & CSS Shortcut Help Tooltip

        A jQuery and CSS tooltip showing an initial button that activates a help menu when you click it. It can contain whatever you wish, although it is recommended for web guided tours and gameplay instructions. The pen was developed by Dario Corsi.

      • Qlocktwo: Multilanguage Snippet

        A very creative CSS, Javascript and HTML 5 snippet that allows showcasing time and seconds with a clock-like animation, it supports multiple languages and it comes in various colors.

      • Protip: CSS & jQuery Tooltip Plugin

        Protip is quite a flexible tooltip plugin for both CSS and jQuery that comes with lots of customizing features such as 49 positions, live refresh options, gravity, and more.

      • CSS3 & jQuery Tooltips Image Map

        A CSS3 & jQuery tooltips image map, tooltips can play a big role in your web designs, just use them correctly and they will help you improve user experience. We have seen before how to create some good looking CSS3 tooltips and today you'll learn how to create an image map with pins and tooltips.

      • Super Simple CSS Tooltips

        A simple CSS snippet which locates tooltips on different positions. You can locate them on any side (left, right, up and down), the code is really lightweight and can be implemented on any project, making the necessary adjustments. It is free and it was created by Ben Mildren.

      • Simple CSS tooltips

        This is a set of CSS tooltips that can be shown on the right, left, top and bottom of any element. The color of the tooltips can be changed quickly, and you can select different types of tooltip with simple attribute. This tooltips are animated and were created by Adobewordpress.

      • Hint: a Pure CSS Tooltip Library

        Hint is an attempt to make a mini tooltip library in pure CSS. It does the basic job but still has bugs and lacks some important features. However, is a nice experiment that allows you to show tooltips in any element's direction, so it integrates seamlessly with your website, blog or mobile app.

      • Blue Tooltip Emerging from Button

        This code snippet, created by Pete Nawara, is a button from which emerges a blue flat tooltip. It was created with the help of LESS and HTML, which you can modify to integrate on your website or blog.

      • iOS Web App Bookmark Reminder Bubble

        A bubble that reminds your iOS users to add your web app to their device home screen. It pops up right above bookmark button when the app is loaded. Once the user closes the bubble it stores a localStorage key so that it will not bug them again (unless they clear their browser data).

      • CSS Black Tooltips in Pure CSS

        Aniket has designed a kit of black tooltips in pure CSS using the :after and :before CSS pseudo classes. They are set to be displayed from any direction you want, and you can edit it to make them look better. This code was created by YSBDesign.

      • Black Bordered Tooltip Created with CSS

        The original author of the old version of this tooltip is Luis Almeida, who did the design of the tooltip. However, in this version you can see the tooltip arrow in the left (previously was at the top) with the same CSS style.

      • Share it: Tooltips and Buttons for Social Sha...

        Simon Fremaux shares with us an interesting collection of tooltips and buttons to share the content you create in the main social networks. You can find in this freebie a lot of tooltip shapes and tooltip positions, and the best thing: it is supported in all browsers.

      • Subtle Embossed Input plus Validation Tooltip

        This is a simple tool that validates every text you enter on the text input until you got your email right. It is simple, and it validates letter by letter. Edit the code to improve its design and functionality. This experiment was created by Eric Kidd.

      • Kyoo Tooltip, Varying Position Tooltip

        This is a nice code experiment that shows various positions of tooltips, including top, right, bottom and left. You can grab the code an edit it as you like. This resource was created by Andrew Abogado on Codepen.

      • Smooth Sliding Flat Tooltips in CSS

        This code snippet creates a series of areas showing a tooltip when you put the mouse over each one of them. The tooltip appears and slides smoothly, keeping a flat style, and perfect for integrating in any website. It was created by Conrad Holtzhausen in Codepen using HTML, SCSS and Javascript.

      • CSS3 Tooltip Shopcart with Details on Hover

        This code snippet shows a cart icon that displays a tooltip with details when putting the cursor over it. It has a nice and simple design, perfect for any e-commerce site. You can manipulate and change the HTML and SCSS codes in order to improve it. It was created by Codepen's user USF.

      • CSS3 Hole Element with Tooltip

        A CSS3 area resembling a hole which displays a tooltip on hover; it is a little slow, but it can be fixed with some code. It is built in HTML and CSS, and it was created by Codepen's user Aris.

      • Tooltips on Hover and Focus with CSS Transiti...

        CSS Tooltips, despite their limits, are very useful in any context. These tooltips can be located on the right, top, left and bottom side of a link or the element they get attached to. Be sure to edit the code extend their functionality and appearance.

      • Tooltiper, Embedded Tooltip Menus

        Tooltiper is a set of tooltip embedded menus in to show the user more that one type of information at once. It can be used to display links, images and texts, among other features, and they are activated by clicking on them, showing a simple sliding effect on the appearing tooltip.

      • CSS3 Tooltips Made Easy

        A nice tooltip made purely in CSS3, and that is shown when the link is hovered. The tooltip is styled wholly with CSS3 properties like gradients, box-shadows, text-shadows, border-radius and many more. The code allows easy customization and functionality edition.

      • CSS Arrow Please: Tooltip Arrows Generator

        A nice online tool for creating tooltip arrows with CSS. It manages the position of the arrow, the color of the tooltip, the border width and color. After you finish, you can grab the code to apply it to your website or blog.

      • Rich HTML Defined Speech Bubbles Tooltip

        Speech Bubbles Tooltip lets you add tooltips to links using either the value of the link’s title attribute, or rich HTML defined all inside a single HTML file and fetched using AJAX instead. The style of the tooltip is modelled after the iconic speech bubble and uses no images, thanks to the CSS triangle technique.

      • iOS 6 Inspired CSS3 Pop-Ups

        A set of 8 pop-ups windows inspired by iOS 6's interface. They make use of CSS classes to add arrows, justify text and remove dividers. They come in a solid black color and include light shadow effects for styling. Uploaded to CSSDeck by the user Kushagra Agarwal.

      • CSS Flat Icons Plus Tooltips on Hover

        This code snippet consists of a few lines of both HTML and CSS to create three compelling flat icons. On hover, each one activates the tooltip which can display any type of info, like plain text, images and links. They can be fully editable and integrated into any web project.

      • Beautiful 16px Pure CSS Icons

        This is a beautiful set of icons for different applications with a flat and pixel art style, including social and browser logos, fully created in CSS so they can adapt to changes within a website, like color variations, effects like shadows and glows, and more. This set was created by Claudio Gomboli and published on Codepen.

      • Beautiful and Simple Tooltip Created with CSS...

        This code snippet creates a simple tooltip in CSS3. It uses the title attribute of the link element to create the tooltip, the content of the tooltip is fetched by using attr(title) as the content of the :after pseudo element of the link, and the triangle is created using the border trick on the :before pseudo element.

      • Speech Bubble with a Simple Gradient

        A cool tooltip created with CSS to add some gradients to it. It has regular and hover states, and it can be used in chat apps, or to present complementary information about any element on a website. It was created by JSFiddle users' Piotr and Oskar.

      • Gmail Registration Form Bubble

        This is a simple registration form text field that resembles Google’s UI.  It also adds a tooltip to show information about the text input when it is clicked. Also, it includes radio and submit buttons. The code, created by Lavi Perchik, can be edited to improve its looks and functionality.

      • Delete Icon with a Modal Dialog Box

        This is a code experiment about an animated delete icon that activates a modal when clicked, giving the user the option to decide whether to delete an item or not. The code is fully editable so you can style it the way you want. Created by Bobby on Codepen.

      • Pure CSS Arrow Tooltip with Border

        This code snippet is an easy way to add an arrow for a tooltip, making it look even more realistic than regular tooltips. It was entirely created with CSS and HTML and can be edited to fulfill any purpose.

      • CSS3 Author Info ToolTip

        This is a link-based tooltip which displays an animated user info card when hovering over the link. This is achieved using the sibling selector (~) as the parent selector. The tooltip is styled using basic CSS3 techniques like gradients, multiple box-shadows to render those inner shines, and more.

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

Done!

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