(close intro)
    • Mobile UIs (51 submissions)

      Huge catalog focused on mobile user interfaces for social and music applications, as well as controls for mobile panels.

      • Colours of Karl: Dark & Colorful Mobile ...

        A UI kit for mobile devices that features colorful containers that contrast with a black background crafted in Sketch.

      • Android KitKat GUI Kit

        A GUI kit for Android that features more than 1000 elements composing PSD templates in vector format. In this kit, you'll find Android's lock screen, keyboards, spinners, and plenty more.

      • InVision: Cross-platform PSD & Sketch UI...

        A UI kit for both Photoshop and Sketch that comes with 52 templates, 35 custom icons, and more than 180 extra elements all of it completely ready-to-use for Retina Screens. It features a nice minimal style design laid out on a pixel-perfect 12 column grid being it all fully vector crafted. Each of the versions come in an almost 500MB zipped file.

      • iOS 9 Sketch UI Kit

        A complete iOS 9 UI Kit for Sketch fully crafted under Apple guidelines and featuring preset screens, app icons, status bar icons, keyboards, Siri, lock screen, settings, and many more.

      • Lithium: Minimal Mobile UI Kit

        Lithium is a nice UI Kit that comes in three main schemes; teal, amber and lilac. It comes in over 12 pages and more than 36 PSD files that weigh around 150MB featuring several kinds of elements such as authentication, messaging, friends list, calendar, events, newsfeed, navigation, user profile, and more.

      • Zeus: iPhone PSD GUI Set

        Zeus is a super complete GUI set for iPhone that feature PSD vectors, organized layers, adjustable to Retina Display. It comes along with 200 PNG & PSD icons, 10 patterns, and 30 different colors in each PSD file. Regarding the GUI elements, you'll find sliders, buttons, scrollbars, video players, widgets, login forms, and plenty more.

      • Elegance: Clean PSD & Sketch iOS UI Kit

        Elegance is an iOS kit that features a nice and clean style in its 12 high-quality iOS UI templates regarding clothes and shopping displayed in a crystal-clear 750 x 1334 pixels screen. Moreover, it comes with a fully customizable color structure and vector support icons.

      • Cardzz: iOS User Interface Kit

        21 iOS UI Kit screens specially designed for 6 iphone in cards style in a dark flat style and outlined icons. This kit was crafted by Volodymyr Kurbatov and delivered under an attribution 3.0 unported license. It weighs about 280MB

      • Philomena: iPhone Music Player UI Kit

        Philomena is a UI Kit for iPhone Music Player featured with 9 different screens that come in individual sizes, designed by Robert Berki in a flat dark style.

      • Free Sketch & PSD App User Interface Kit

        A beautiful app user interface for multiple platforms in PSD and Sketch formats. It includes 52 templates, 35 custom icons, and more than 180 user interface elements like blog post thumbs, screens for an app, profile and more. It is scalable, includes web fonts, it's minimal and has pixel perfect design. It weighs more than 300MB.

      • Ink: A PSD & Sketch iPhone UI Kit

        Ink is a fully customizable UI Kit in PSD and Sketch formats featuring iOS8 iPhone screens. It includes 10 elements in each format, among which you'll find screens for web pages, products, profile and more. It was created by Great Simple.

      • Free Android User Interface PSD Kit

        A free UI kit with 8 smart objects including profile, feed, photos, notifications, and more, made in Photoshop. It can help you to build any Android application easily, and you can use this freebie for personal and commercial projects. The file weighs around 123MB.

      • MedApp: Neat Medical App PSD UI

        A neat app user interface for medical purposes made in PSD. It includes vector design elements like icons, buttons, boxes, tabs, pagination, alerts, and a simple flat illustration of the body, with easily editable shapes. The UI has a basic color palette and post thumbs.

      • Free Vector AI iOS 9 GUI Template

        An iOS 9 GUI template made for Adobe Illustrator and vector shapes for easy edition. It has design elements for status bar, controllers, tab bar, navigation, toolbars, keyboards, activity and many more screens. They are totally scalable, and its elements are organised. Created by Vasil Enchev.

      • iCollection: Clean PSD UI Kit

        iCollection is a user interface kit made in PSD format including 38 screens. The screens are divided into three categories: iShop (perfect for e-commerce apps, with 15 PSD files), iShoot (12 PSD files) and iOwn (13 PSD files). creation is totally editable and you can use it freely. It weighs 148MB.

      • iOS7 User Interaction PSD Kit

        A User Interaction kit made in PSD format that will allow you to create comfortable and intuitive app designs for recent iOS interfaces. To use it, just drop the smart object over the layout to test your design. It was created by Dribbble user Bunin and based on the article The Rise of the Phablet.

      • UX Wireframe AI Set

        A beautiful and useful UI kit for a mobile app made in Adobe Illustrator. It includes all the pages you might require to deliver a great user interface for your own business or for a client of yours. It has a flat style, and several layers for creating account, settings, profile, messages, timeline, contacts, map, calendar, music player, gallery, store, product details and more. It was created by Michal Koczor.

      • Free Multicolor Mobile UI Kit

        A UI kit that includes screens for mobile apps made in PSD format. The set includes a multicolored selection of elements like buttons, contact forms, color palette, search screen and more. the set is free and can be used in any type of project. It was made by Victor Vorontsov.

      • Android L Bootstrap UI Kit

        A UI kit that was inspired by Android L, the upcoming update of the popular OS. It is a set of elements and components of Bootstrap 3.2 that allows you to make a web version of the mobile experience. Its features are 28 layered PSD files, organized layers, elements and components of Bootstrap 3.2 It includes elements like buttons, dropdowns, alerts, links, badges, jumbotrons, breadcrumbs, inputs, labels, media objects, navbars, page headers and many more design elements that can be added into any web project. Created by Vitaly Chernega.

      • Amsterdam: Flat CSS User Interface

        CSSDeck user Vadzim surprises us again, this time with a complete user interface made in CSS and HTML. It is called Amsterdam, and it's composed of several design elements with a simple flat style and clean colors. Among the features it has, we can find: - A profile widget with a big thumbnail, name and description labels and a button. - Video player. - Weather widget with temperature, logo and date. - Content widget with feature image, title and description. - Calendar widget including day of the week, month, and the respective numbers. - Music or podcasts player. - Search widget. You can use this UI for free …

      • Illustrator iOS 8 Vector UI Kit

        This is an iOS 8 illustrator UI kit. It is the update of the free vector UI kit for iOS 7. The UI updates from Apple were subtle, but they are not minor. Some of them include: - Spacing. - Element positioning. - Font size. - Font weight. - Some more adjustments. The icons, even though they look the same, were redrawn. The spacing has obviously to do with the new devices' sizes, so the positions are no longer fixed. Regarding the additions, this UI includes the recent QuickType bar, the notification banners (expandable), the Messages radial UI, Health app UI, lots of icons and the weather …

      • TETHR: Free and Beautiful iOS User Interface ...

        TETHR is a set of 138 UI templates that comprise lots of design elements, including mobile applications, e-commerce, messages, multimedia, navigation, social and tracking items. The zip is divided into 8 PSD files that you can use for your next projects.

      • UI Freebie: Social Widget in PSD

        This is a mobile app home screen/profile page showcasing a dropdown from the navigation bar on the top. The widget includes several icons at the top. Such icons depict charts, a messaging box, a calendar and more. Right in the middle of the widget there's the user's profile pic, followed by the name and location. Also, it shows the amount of followers and following, besides a "Follow" button. It's available as an editable PSD file.

      • Clean PSD iPhone Profile App

        An iPhone profile screen in five different colors. The design has 100 percent shape layers and icons that can be implemented into any app design. The flat style and the pastel colors (which are subtle, non-intrusive, clean and beautiful) give the design a touch of professionalism without losing its playfulness.

      • Flat Style Dribbble App PSD Concept

        A stylish concept of a mobile app for Dribbble consisting of profile, gallery, details, comments, and upload screens, all with a flat and pink graphic style, and made in vector shapes in Photoshop for easy editability. Among the design elements you can find there are menus, social icons for sharing, liking and commenting; tooltips, and many more items to make a great mobile app.

      • Mobile App Two Screen UI

        This mobile app UI design is unique because it conveys the usability and the behavior of the elements beyond the states of a button, which is even more evident with the color scheme chosen of dark teal and salmon. There’s also a small surprise inside the PSD you might not expect.

      • PSD App Graphic User Interface

        This mobile user interface is made up of four screens with the basic elements for a social app, bringing a mixture of creamy autumn colors and a gorgeous aqua login screen. The ZIP includes four PSD files – Feed, Login, Menu and Profile – all of them with organised layers to make your job easier. The file is completely free and editable.

      • White Stripes User Interface PSD Kit

        A complete stylish GUI freebie, providing almost anything one might need from the basic bars, text fields and buttons to charts, players and tag clouds; all in a simple style of white lines on a proposed blue background. The whole PSD is neatly organized for comfortable managing.

      • Flat Free PSD Mobile App UI Kit

        A mobile app UI in PSD designed to be perfectly functional, clear and visually striking because of its use of dark grey and pink tones in a flat style. The properly organised layered file has different elements for any app you might want to create, as well as a concept proposal of an app's screen.

      • iOS 6 User Interface in Grey and Blue

        This is a small iOS 6 UI design containing top navigation bar, a tab bar, sliders and toggles in a nice textured mix of gray and blue. The design also includes icons for profile, chat/messages, camera, uploads and images. The design is minimal, making use of textures, noises and gradients to achieve this. This is a free PSD format file.

      • Mini Navigation Bar UI Design

        This mini navigation bar user interface in dark colors and glossy finish is completely organized and has all the items as smart objects, for maximum editability. It is a minimal blue bar, perfect for a mobile app. It includes icons for recording audio, location, liking and repeating, besides the search bar.

      • Sightsy: A Free iOS7 App PSD

        This two-screen app UI in soft cold colors is a valuable resource for any app given the simplicity of its usefully layered PSD. The original ZIP contained files for both windows and mac, and a way too large PSD so it has been edited to remove the extra weight (basically an invisible noise layer on top), but you still have both versions available.

      • iPhone Camera App UI

        A stunning design for a camera app, intended to be used in iPhones. It contains sharp details such as chrome effects for the icons, a toggle switch for the flash, polaroid-like animations to show the last picture, and much more. Finally, a leather texture decorates the bottom of the design.

      • PSD Ruby Notifications Bar

        This is a notification bar that displays anything you want and offers player capacity as well in a small ruby package. It is a flat widget, has a music control, some icons and labels in the list array, a scrollbar and a handler. The colors are not bright at all. This widget was created by Deepak Jose.

      • Media Player App User Interface

        This freebie brings a proposal for a media player app's screen in a simple and flat style with hierarchical functionality. The design elements included are the album cover artwork taking over half of the whole box, the name of the song currently playing, the artist, a sliding time counter, the player and some icons for shuffling, repeating track and volume. The design is totally editable, and the PSD is free.

      • Cinema Guide iOS 7 App User Interface

        Here we have a simple film guide application user interface for iOS 7 in a sort of 70′s feel. Heavy on color to focus on what’s important, what to watch, and how much worth it is to watch it. Its design elements are thumbnails, title, tags and number of seasons' labels, and two icons for dropdown menus, arrows and stars for rating it a flat style.

      • iPhone Mini UI in Blue

        This is a mini user interface (more like a widget) for iPhone composed of a header with icons for navigation and refreshing content. It was created in a soft grey and royal blue combo with heavy / bold typography. Other design elements are thumbnails and icons for photos, reviews and favorites. You can download this for free. Ionut Zamfir from Dribbble is its creator.

      • iPhone Mini User Interface Vermilion

        This design is a mini user interface with iOS 7 styles, although a little flatter. It includes a header that also works as a navigation bar with a couple icons for a dropdown menu. The design uses soft tones of grey complemented with vermilion; it has beautifully outlined icons that transform into flat icons according to the action, and all of that matches the …

      • Flat Blogging UI Design PSD

        A flat design that thrives with its well-accomplished areas of color and its reduced color palette to generate a dynamic blogging app or tool. It is very polished and useful PSD, including elements like a text editor, with saving, preview and publish buttons, a "related posts" widget, a calendar, a tag generator, a menu with search, a subscribe form, map, categories and more. This UI was created by Riki Tanone.

      • Flat Design User Interface Kit

        This is a set of items from a flat, colorful UI, more than perfect for mobile interface and apps. The set includes elements such as buttons, inputs, search fields, text areas, checkboxes, toggle switches and dropdown menus. With pink, purple, orange and blue accents available.

      • Dark Flat PSD User Interface Kit

        A PSD kit with some items from a flat dark user interface such as buttons, inputs, search fields, text areas, checkboxes, toggle switches and drop-down menus which are perfect for mobile interfaces and apps. The colors available are red, green and blue, with the addition of several states (pressed, hover, default, etc.). The PSD is totally free for download.

      • Weather App Screen PSD Template

        A beautiful concept for a mobile weather app in PSD that displays news after selecting the desired city. Its appearance is very simple, but just as effective, splitting itself in half in order to show both current and future weather updates. The styling is flat, with bright green details highlighting the app.

      • Mobile Email Application PSD Template

        A flat-styled widget created by Regy Perlera, based on the designs of another Dribbble contributor, Julia Khusainova. The idea is to use this creation as an e-mail application, taking advantage of a sharp color palette and simplistic layout. Also worth noting, a space next to every message allows the showcasing of images.

      • iOS Flat UI Created in Photoshop

        This project by Tim Green intends to provide an almost-flat-styled concept for an iOS application, moving away from the realistic and gradient-heavy appearance of iOS 6. Of course, iOS 7 was released afterwards, starting a simplistic era for the system's design, but maybe these PSD files could be even more useful now!

      • Dark iPhone User Interface

        A sweet design in dark colors, intended for usage within a mobile application. The interface has different tones of black, giving it nice tonalities. Contrast is provided by white icons contained into the buttons, which stay completely obscure when inactive. Uploaded to Dribbble by Medialoot.

      • iOS 7 Application PSD

        A neat PSD file, providing you with multiple elements, forming a flat-styled mobile application, ideal for iOS 7 integration. Among the icons, we can find options for browser, social networks, camera, file manager settings, help, smileys and many more. It comes in english and arabic as well, a particularity that a few users might appreciate.

      • Compact iPhone User Interface

        This mobile UI kit manages to provide multiple elements within a compressed space. It features a good number of icon buttons, including camera, GPS, settings and more. Additionally, the middle sections displays a map, while a transparent tooltip provides extra information.

      • iTouch Targets: Free Gestures’ Guidelin...

        This interesting free PSD file contains a group of touch targets that we can use as guidelines for our own mobile applications. The targets have been created after studying these elements from different companies and their products. Designed specifically for Apple devices.

      • iPhone Wood UI PSD Freebie

        An original concept for an iPhone UI including a fantastic wooden texture. It allows you to add icons within the design and make them look as if they were embossed into the material, which results in an attractive effect that will catch your users' attention. Created by Virgil Pana.

      • Flat Vertical Widgets UI Kit

        A flat user interface that provides simple and elegant widgets, perfect for a vertical layout with a vibrant but concise palette. The widgets work for different purposes, as a media player, a revenue widget, a login, a profile badge with social elements, a task planner, an event planner and a clock. This is a freebie, and you can edit it as you like. The PSD is organised so you don't lose time.

      • Mobile UI Elements for a Mobile App

        An interesting set of UI elements for mobile devices, including the original PSD and the proper arrangements to be retina-ready. Among these items, we will find sliders, buttons, search bars, navigation icons, input fields and more. Brought to us by Dribbble’s user iSavelev.

      • Collapse Expand List View all items Download Bundle Submit
    • Web Development Tools (83 submissions)

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

      • Flarum: Modern Forum Software

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

      • VueStrap: JavaScript-built Bootstrap Componen...

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

      • HTML5Sites: Curated HTML5 Sites Gallery

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

      • cssnano: A PostCSS-based Modular Minifier

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

      • Bonsai: Freelancers Contracts Management

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

      • Otto: Cloud Platform Web Development Environm...

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

      • GoTTY: Terminal As Web Application

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

      • CSSfmt: A CSS Formatting Tool

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

      • CSS & JavaScript Web App Store

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

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

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

      • Kirki: WordPress Websites Customizing Toolkit

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

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

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

      • Sublime Text 3 Material Design Theme

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

      • Scut: Frontend Sass Utilities Pack

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

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

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

      • xto6: Next-generation JavaScript Modernizer

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

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

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

      • CSS Dig: CSS Cheking Chrome Extension

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

      • Marx: Multipurpose CSS Stylesheet

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

      • HTML Symbols, Entities and Codes

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

      • Radium: Component Styling React Library

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

      • Browser Typeface Rendering JavaScript Engine

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

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

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

      • Apple Watch Online App Creator

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

      • url.js: URL Manipulation JavaScript Library

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

      • Cayley: Open Source Graph Database

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

      • Google Prediction API: Predictive Analysis Bu...

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

      • cmder: Portable Console Windows Emulator

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

      • Online Microdata Snippets Generator

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

      • CSS Div & Text Centering Tool

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

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

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

      • Open Source Large Files Versioning Github Ext...

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

      • SaaS, PaaS and IaaS Free Software List

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

      • APIembed: Multipurpose Code Snippets Generato...

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

      • WPSpeedster: Website Speed Testing Online Too...

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

      • Nines: Web Development Performance Tool

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

      • Prepros: Multilanguage Programming Compiler

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

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

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

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

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

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

      • Online UX Project Checklist

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

      • Scala: Object Oriented Programming Language

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

      • Breach: JavaScript Modular Browser

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

      • Screen Sizes: Complete Devices Charactistics ...

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

      • Nitrous: Multilanguage Browser IDE

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

      • Tweene: JavaScript Animation Proxy

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

      • ngrok: Localhost Secure Tunneling Multiplatfo...

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

      • Frontend: Web Development Boilerplate

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

      • Subtext: Web and Desktop Code Editor

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

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

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

      • Website Development Starter Kit

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

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

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

      • AngularJS and Bootstrap Responsive Dashboard

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

      • Omega! Web Platform for Python

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

      • jQuery ScrollAdvance: Plugin for Movable Back...

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

      • heatmap.js: Dynamic Web Heatmaps

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

      • CSS Layout Generator

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

      • Online CSS Validator

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

      • CSS Code Optimizer

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

      • Online Password Generator

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

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

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

      • Hex Tool for Managing Color

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

      • LayerVault: Organize, Present and Collaborate...

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

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

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

      • Typecast: Create Better Web Typography

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

      • Bonfire: Easy PHP Web Applications

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

      • Screenhero: Easily Review your Code

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

      • sachet: Handcraft your Own Development Enviro...

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

      • Chronos: Fault-tolerant Schedule

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

      • Scriptular: JavaScript Regular Expression Edi...

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

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

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

      • Log: Console with Style

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

      • VisualOps: Cloud Management for AWS

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

      • TogetherJS: Collaborate in Real Time

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

      • csxs: App Development Tool

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

      • xctool: Easy App Creation

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

      • Yeoman: Web Tool For Building Apps

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

      • Brunch: Lightweight HTML5 Application

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

      • Deployd: Build APIs Easily

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

      • Viewport Resizer: a Responsive Bookmarklet

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

      • Emmet: Optimized Snippets for the Web

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

      • Vagrant: Development Environments Creator

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

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

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

      • Collapse Expand List View all items Download Bundle Submit
    • CSS Slideshows (27 submissions)

      A set of slideshows created with CSS, enabling you to display different types of media in neat and dynamic fashion.

      • Smooth Slider Vector Transitions Tutorial

        SVG Hero Slider is a code snippet that allows creating smooth slider transitions layered by vector shapes. It comes along with a short tutorial that explains how it was created by Claudia Romano.

      • Pure CSS Splitting Image Slideshow

        This splitting image slideshow was created with pure CSS, showing several images that break apart into multiple pieces. Once this happens, the next image appears and the process repeats over and over. This creation was put together by Nate Wiley.

      • Depth Effect On-Scoll CSS Slider

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

      • deck.js: Presentation JavaScript Plugin

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

      • StackSlider: CSS 3D Image Slider

        A compelling image slider made with CSS composed of two stacks of cards from which images get "picked up". This experimental slider uses CSS 3D transforms and perspective. This work in modern browsers perfectly, but still has some bugs.

      • Centered Content Slider’s Code Experime...

        SNÖGRAFX, from Codepen, has created a friendly slider called Owl Carousel. Its primary purpose is to deliver a simple way of passing slides smoothly, as well as integrating easily with any project. Among its features we can find: - Control points for smooth slide swapping. - Previous and Next controls. - You can swap between slides with the mouse (or your finger) just like you would do on a mobile device. - Has responsive capabilities. It is really simple to integrate into any website. You don't need more than a few lines of JavaScript, CSS and HTML to make it run, and then you just …

      • Complete CSS Slider

        A classy slider created and animated with pure CSS. It includes next and previous buttons (which come with neat transparencies) plus navigation dots. A fade/zoom out transition gives a styling touch to the project. All credit goes to CodePen user Avi Kohn.

      • CSS3 Testimonials Slider

        Based on a Dribbble work by Subash Dharel, CodePen's Sara Soueidan has created this stylish set of boxes intended to be used to display testimonials, including pictures and a box for quoted text. The widget can contain multiple testimonials, thanks to smooth CSS transitions.

      • Circular SlideShow with CSS

        An awesome slideshow displayed in the shape of a half-circle. In order to explore through the images, simply click on the numbers below, as a neat animation will bring the corresponding picture. Project styled entirely with CSS by CodePen user Chris Mounsey.

      • Pure CSS Featured Image Slider

        A very simple slider, featuring a frame that goes around the image, as if it was hung on the wall. When hovering over the design, a set of dots animate into the view, allowing the user to browse through the pictures. This project was created with pure CSS by Joshua Hibbert.

      • CSS Slider Hover

        A super smooth slider that allows the user to view the pictures in it by hovering over the thumbnails below. The images transition nicely between them, using only CSS. Additionally, the design in entirely in black and white, except for the images being seen at the moment, which appear in color. Created by Marco Barría.

      • Simple Pure CSS Slider

        This project intends to provide an easy slider, coded with nothing more than HTML and CSS. It uses :target to work, so you might have to consider the fact that it creates additional browser history steps when going through slides. Uploaded to CSS Deck by Joshua Hibbert.

      • Pure CSS3 Slideshow Without Page Jump

        This code snippet prevents page jumps every time the user switches between slides. This is achieved with the help of a checkbox or radio hack technique in order to access each slide with a :checked selector, all with pure CSS. The slideshow also includes transition effects and is cross-browser compatible.

      • Simple CSS Image Auto Carousel

        A very simple image slider brought to life with nothing but CSS. The idea is to have a set of images that change automatically after a few seconds, but you can stop them by hovering on the design, which also triggers a subtle zooming effect. All credit goes to CSSDeck's Daniel Henriquez.

      • CSS 3D Cover Flow Slider

        This design intends to recreate the famous Cover Flow feature found in many Apple products. You can either click on the numbers below or directly on the images to select them. You can also find a subtle reflection effect, everything with pure CSS. Uploaded to CodePen by Chris Mounsey.

      • Fluid CSS3 Slideshow with Parallax Effect

        This thorough Codrops tutorial will guide you through the creation of a neat slideshow with a parallax effect, taking advantage of a few CSS3 properties. The idea is to control the slides with radio buttons, having two background images that transition at different speeds, generating the parallax effect.

      • Sliding Image Panels with CSS3

        A fancy Codrops project for creating a set of sliding image panels by using only CSS. The concept relies on a set of panels with background images (plus titles and sub-text) that animate when clicking on a label. It comes with four different animations, all working smoothly in browsers with CSS transition compatibility.

      • Fast Hover Slideshow with CSS3

        This very fun project for displaying pictures runs a super fast slideshow when hovering on the images. When the mouse is moved away, the current image is displayed. Hover again to get a new picture in the frenzy roulette. You can choose to add titles on top or leave the image clean.

      • CSS3 Clickable Slider: First Attempt

        More of an experiment than an actual functional design, this pen has a go at creating a slider that displays images in full screen and includes thumbnails for different albums on top. Arrows on the sides also aid you with navigation. Designed by John Motyl Jr using pure CSS.

      • CSS Only Tabbed Content

        Display tabbed content with this simple code snippet created with pure CSS. The blue section on the bottom allows you to go through sections, while a smooth animation moves the elements around accordingly. Moreover, a nicely texturized background wraps up the design. Uploaded by CodePen user Scott Magdalein.

      • Animated CSS3 Photo Stack

        This tutorial shows you how to create an amazing photo stack filled with all sorts of cool animations and transition effects when going through images. Everything is created with pure CSS3, ensuring smooth playback in modern browsers and even mobile devices.

      • PSD HTML Sliders Vol.1

        A neat freebie pack including three different minimalist sliders that allow you to showcase content with a clean presentation. The images slide with a subtle fade effect, for an event smoother interface. They come with their respective PSD and HTML templates, just because we love to please you.

      • PSD HTML Sliders Vol.2

        This freebie provides you with two clean, polished sliders so you can display content in an uncomplicated way to your visitors. They come with their respective PSD files and HTML templates, allowing you to apply any modifications as you see fit. Resource hosted at Elemis.

      • Horizontal News Carousel HTML

        As a follow-up to their vertical version of this same resource, the guys at Elemis Freebies are now giving away the template for this delightful horizontal new carousel, useful for different types of posts and articles. It comes in both light and dark colors and displays thumbnails, headers and sub-text.

      • Vertical News Carousel HTML

        The guys at Elemis Freebies are giving out this fantastic template for a vertical carousel in both light and dark color alternatives. This tool can be very useful to showcase news, posts, articles and related content in a clean way, providing thumbnail, headline and sub-text to catch the reader's attention.

      • CSS3 Image Slider

        This slideshow avoids the creation of new browser history steps when browsing through the images, like is the case with other similar tools. To achieve this result, CSSDeck user simonpicos makes use of radio input buttons with the :checked pseudo-class to take control of the slides.

      • Awesome Rotating CSS Image Carousel

        This amazing free slider displays four different images with their respective text sections, going through them smoothly while making full use of the power of CSS3's animation property. Keep in mind, however, that this interesting resource might not work in Opera and IE, since they do not support all of its CSS3 features.

      • 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