CLOSE
    A growing repository with 710 bundles & 9189 resources for web ninjas
    (freebies, plugins and snippets) updated & curated every day, so it never expires.
CLOSE
    • CSS Frameworks (55 submissions)

      An extensive compilation of CSS frameworks for web development, so you can choose the right foundation to begin new designing endeavors.

      • Kickoff: Friendly & Scalable CSS Front-e...

        Kickoff is a scalable CSS framework for focusing on creating lightweight and responsive frameworks. It helps keeping a consistent structure and style across all of your projects, without adding unnecessary features to the process. It was created by TMWUnlimited.

      • Andy.scss: Open Source SASS Mixins Library

        Andy is a complete open source library of SASS mixins that will ease your workflow when developing projects. The idea of it is to not depend much on frameworks; You can use it for free, it was created by Gilles Bertaux.

      • Ratchet: Mobile App Web Development Framework

        Ratchet is a minimal framework for crafting mobile apps using CSS, HTML and JavaScript component. It is easy to use, implement and creates compelling apps in no time. The code is licensed under the MIT License and the docs are licensed under CC BY 3.0. It was created by Connor Sears.

      • spaceBase: Sass-based Responsive CSS Framewor...

        spaceBase is a responsive CSS framework created with the purpose of setting up your Sass architecture, and normalizing your CSS and native HTML elements. It is fluid, mobile-first focused, object-oriented, and optimized so it gets really fast. You can download it for free and use it in any project.

      • Furtive: CSS Micro-framework

        Furtive is a micro-framework that focuses on mobile first for creating simple web apps and websites. It has a small footprint, including a responsive grid, buttons, forms and many more design elements. It was created by John Otander.

      • Turret: Semantic Front-end CSS Framework

        Turret is a front-end framework that helps you create beautiful websites that are accessible, semantic, and responsive It allows styling and browser behaviour normalisation, giving the possibility to accessible websites rapidly. It puts design first, uses no JavaScript at all, it's semantic and it's free.

      • Papier: Responsive Web Elements CSS Library

        Papier is a responsive and semantic library made in CSS for styling web elements. It is lightweight, not intrusive, uses normalize.css, it's readable, has rapid prototyping and has no custom styles for elements. The elements included are buttons, radios, selects and more. It was created by Alexander Gugel.

      • Webknife: CSS and JavaScript Web User Interfa...

        Webknife is a presentation framework made in JS and CSS that allows you to create client-side user interfaces quickly. This framework allows browser reset, has a semantic layout, an intuitive navigation, nice forms, flexible tables, SVG icons, it's totally customizable and has modern browser support. It was created by Mark Macdonald, using creations by David Bushell and Patrick Filler.

      • Flakes: Open Source CCS & JS Frontend Fr...

        A simple, open source front-end framework made in CSS and JavaScript that allows you the creation of websites and apps easily. It takes care of both the design and the front end, helping you create apps simply and quickly. It is free and was created by Kumail Hunaid.

      • Materialize: Material Design Front-end Framew...

        Materialize is a Material Design front-end framework that's also responsive. It helps accelerating the development of websites, it is focused on usability, it's really easy to implement and use, and it is constantly updated.

      • Bourbon Neat: Semantic Grid Sass Framework

        Bourbon Neat is a grid framework created with Sass and Bourbon. It helps you get up and running in just minutes, allowing you to create responsive layouts. The idea of it is to provide a semantic and clean markup, relying only on Sass mixins without polluting your HTML. It has an MIT license.

      • Skyline: CSS Frameworks Building Starter Kit

        Skyline is a compelling kit for starters that helps you in the process of creating CSS frameworks. It allows and maintains a robust CSS architecture that can be used as a base of your newly created designs. It is written in SCSS using the BEM notation, and it’s object-oriented. It is licensed under MIT.

      • Bootflat: Bootstrap-based CSS UI Framework

        Bootflat is a compelling UI kit based on Bootstrap. It is an open source CSS package based on Bootstrap, but offering support for Sketch users since the original comes in PSD formats only. It has a beautiful flat, simple design, that includes several design elements among which you can find: - Color swatches – Buttons – Badges – Popovers – Selects – Checkbox and Radios – Alerts – Tabs – Navbars – Pills – Progress – Accordions This UI was created by Teracy and it’s totally free. It is licensed under MIT.

      • UIkit: Modular Front-end Framework

        UIkit is a modular front-end framework that allows you create beautiful web interfaces. It has lot of HTML, CSS and JavaScript components, easy to use and implement. It is written in LESS, has small, responsive components, it's easy to customize, the results fit any screen perfectly and it is totally free.

      • Material UI: Material Design CSS Framework

        This is a CSS framework inspired in Google's Material Design and React (the JavaScript library for UI design). This framework allows you add the styling necessary to your elements for resembling the Material Design appearance. It includes styling for buttons, dialogs, drop-down menus, icon buttons, icons, inputs, menus, left navigation, shadows, switches, and toolbars. It was creeated by the engineers at Call-Em-All, and it's free to download.

      • Semantic UI: Frontend Development Framework

        Semantic UI is a development framework that uses Less and jQuery to create, style, animate and manipulate user interface elements that focus on visual interaction to achieve results. It includes high-level variables and an intuitive system for changing the appearance and behaviour of any web component. It includes over 3000 CSS variables, more than 50 UI definitions and over 2800 commits. With it oyu can modify and enhance as well: - Elements - Collections - Views - Modules - Behaviors It can be downloaded and used for free.

      • One Nexus CSS Framework

        Nexus One is a front end development tool that allows you to create modern and responsive websites in a way that's fast and efficient. It applies to developers who want to make simple websites, providing the most commonly used features. To use it, just download the zip file, unzip it, open them with your text editor and start building. This framework was created by Edmund Reed.

      • Responsive Grid System CSS Framework

        flexible.gs is a responsive CSS framework that helps you take advantage of a crafted grid system. It includes browser support for Safari, Chrome, Firefox, Opera and IE7+ on desktops, and iOS Safari, Opera Mini, Android Browser, Opera Mobile, Chrome and Firefox and IE Mobile. It has the MIT license, which makes it free to do whatever you want with it.

      • Kickstart CSS Framework

        This resource is an excellent one: its a cool CSS library that uses semantic CSS mixins or CSS classes for styling. It is an extendable library that comes with basic functionality, but can be improved via the Kickstart Store, and it can be used along with popular technologies like Rails, NodeJS, HTML5 and more.

      • Schema UI Frontend Framework

        Schema is a lightweight and responsive modular front-end framework that allows you build complex web interfaces. Schema gives you the foundation and components to design a responsive web project quickly. Among its features you have: - Responsiveness - Made with Less - Open Source It is uploaded to GitHub and was created and build by Dan Malarkey.

      • Kouto Swiss: Stylus CSS Framework

        Stylus is a CSS framework for stylus that provides lots of mixins, utilities and functions so anyone can develop projects faster. It includes Grunt and third-party tools like CodeKit or Prepros. This is an open source framework you can download for free and modify if you need. It was created by Pierre-Antoine Delnatte and Thierry Lagasse.

      • Axis: Web Elements Styling CSS Library

        Axis is a CSS library built on top of Stylus. It is an extensive library, but it doesn't require any additional knowledge besides the one you know of CSS. This library doesn't override any of the existent CSS, which gives you the confidence to use it without worries. It is ultra lightweight, and it works as an enhancer for the regular CSS. You can apply Axis to any element, but it works great in: - Typography. - Tables. - Elements for creating gradients. - Forms. - Buttons. - UI elements in general. It was created by Jeff Escalante. You can use it freely in any web development, or …

      • Pure: Responsive CSS Modules Set

        Pure is a set of CSS modules that are responsive and lightweight, fitting any web project with neat design elements. We're talking grids, buttons, tables, menus, etc. Pure also has mobile devices in mind, letting you create responsive environments quickly and effortlessly.

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

      • CSS Library for Stylizing Web Elements

        Picnic CSS is an enchanting library for creating HTML5 and CSS3 elements. With a few lines of code, you can create: - Buttons - Inputs - Select - Checkboxes - Radio buttons - Tables - Grids - Navigation Among the features you can find with this library are: - The library only consists in CSS, making it very lightweight. - The code you integrate is semantic. - It weighs 2.0 kb minimized. - It uses Normalize.css. - Supports IE 9. - Full responsiveness.

      • ElastiCSS Framework

        As its name might've hinted you already, ElastiCSS intends to be flexible and practical in its use, making the creation of responsive projects a must and offering interesting selections for column arrangements, letting you control the layout of the application completely.

      • YAML CSS Framework

        YAML is a modular CSS framework designed to be comfortable for users, aiming for a flexible, accessible and responsive website, as its slogan reads. It works on all major browsers and packs the following features:- Build on SASS- HTML5 and CSS compatibility- Namespacing avoids conflicts with other CSS code- Many more

      • Gumby: Flexible and Responsive CSS Framework

        Gumby is a flexible, responsive CSS framework built with Sass (a powerful CSS preprocessor) which gives you new tools to customize quickly and build on top of the Gumby Framework. It is flexible and simple to use and update since changing the entire design of our UI kit is as simple as adding a few Sass variables and assigning the appropriate classes to your markup structure.

      • .fitgrid Responsive Grid System

        .fitgrid is a solid grid that doesn't promote itself as a framework, but a complete foundation on which to rely the construction of your next web development. This grid system is aimed at advanced users who want an attractive appearance that doesn't seem ''bootstraped'', as the creators say.

      • Kendo UI Framework

        Kendo UI lets you build your projects with the power of HTML and JavaScript, offering impressive results when implemented correctly. Mobile support is a vital part of the package and performance has been kept to maximum possible. Download it for free or get a commercial plan depending on your needs.

      • HTML KickStart

        An open source framework that enables you to quickly build templates and web designs putting performance as the main objective. It supports HTML, CSS and jQuery elements including slideshows, menus, buttons, typography basics and much more, allowing great possibilities with little customization.

      • Topcoat: Clean and Fast CSS Apps

        With Topcoat, you can design clean and quick CSS web application. Performance is the key, so every component has been benchmarked in order to achieve the best results. Among it's many options, we can highlight the possibility to customize the theme, the inclusion of a PSD file with all its components, open source fonts and much more.

      • The Square Grid: CSS Framework

        ​The Square Gid features an uncommon 35-grid layout, aiming at a great level of control without compromising ease of use and good results, which is of course the main objective of this tool. Of course, the amount and arrangement of the columns can be modified and stripped down as needed.

      • CSS Front-End Frameworks

        Not a framework, but a list comparing a huge amount of the ones available. Some of them include a rating depending on their performance on a particular browser, LESS and SASS support and how well they respond to mobile devices. A great asset if you're doubtful about which framework you should use.

      • Almost Flat UI

        The Flat User Interface is based on the Foundation framework, and it's a nice experiment that has tons of design element for websites and apps, including navigation elements like pagination, side nav and sub nav, a top bar, breadcrumbs, buttons in different sizes and types, forms, typography, labels, CSS components like price tables, alert boxes, panels, tables, progress bars, JavaScript elements, and more.

      • CSS Smart Grid: Mobile-First Grids

        ​CSS smart grid bases itself on the concept made famous by 960 grid and not only focuses on making mobile-compatible websites, but projects that are ''mobile first''. Apart from that, performance, SASS support and scalability are other major advantages of this grid system.

      • Metro UI CSS

        Metro UI CSS is a group of styles that will help you develop projects with an interface that resembles the one seen in Windows 8, the now-famous Metro style that bases itself on the global flat design trend that's taking over the modern web.

      • Toast: Simple CSS Framework

        Toast is a simple CSS grid that puts one thing as priority: Control. This intention means that Toast is not even limited to a particular number of columns, letting you choose and change any aspect of the grid: Three, six, eleven columns... arranged in any way you desire.

      • Terrific Composer: Frontend Development Frame...

        Terrific Composer is a Frontend Development Framework with a very nice and simple interface, specifically designed for building deluxe frontends based on the Terrific concept. It allows importing and exporting of your frontends to make use of other frameworks. Additionally, it has LESS support.

      • CSSHorus Framework

        ​A 12 column framework for creating responsive websites, which is vital for its second focus: Mobile devices. The library also includes skins for easy customization of links, buttons, tables and any other elements that conform the website's appearance and functionality.

      • Base: Simple, Responsive Framework

        A simple framework for all devices available today, focusing on compatibility and ease of use. Let's take a look at some of its features:RESPONSIVE DESIGN Built for all devices big and small, Base has got you covered.BASE STYLESHEET Styles for typography, tables, blockquotes, forms and more.CROSS BROWSER IE7+ and modern browsers such as Chrome, Firefox and Opera.AWESOME FOUNDATION Built on Normalize.css and including most styles and layouts.

      • Kube CSS Framework

        ​Kube is a CSS framework for designers who think big and are not afraid to use advanced developing tools. It lets you focus on your creations with a great deal of customization and control in order to make the projects as functional and beautiful as possible.

      • Fbootstrapp Toolkit

        If you are a Facebook developer, this toolkit will help you with the creation of iFrame application for multiple devices, in the classic Facebook look and feel. Fbootstrapp offers base CSS and HTML for buttons, navigation, tables, grids and many more elements.

      • BootMetro Framework

        BootMetro is a framework that allows you to develop web projects in a stripped-down and intuitive way, using the clean look and feel of Windows 8's Metro design style, including the flat grids and one-color icons. Check out the demo to see it in action.

      • One% CSS Grid: 12 Column Fluid CSS Grid Syste...

        One% CSS Grid is a 12 column fluid CSS grid system. It’s been designed as a base for building responsive web layouts easily, quickly and with minimum effort. You don’t have to take care of resizing and rearranging your layout for each platform separately, since the grid does it for you. It is a percentage based grid system, meaning that it will perfectly adapt to all screen resolutions (mobile, tablets and big screens).

      • rwdgrid: Responsive Grid System

        RWDGrid is a responsive grid system designed to make your designs usable with multiple computers and mobile devices. It is based on the well-known 960grid system that integrates increased readability. Screen compatibility goes from 1200px all the way to small handheld sizes.

      • 34Grid: Responsive Grid System

        34Grid bases itself on a system that organizes groups of columns equally or unequally in order to let the website adapt to multiple screen sizes, a vital function if you're interested in interactions for mobiles and tablets. You can add transitions, margins and much more.

      • Singularity: Next-Gen Responsive Grid Framewo...

        Singularity intends to provide a different take at grids with its internal ratios approach (instead of contextual based), allowing more consistency and non-uniform grids to work better. Definitely one to look at if you're trying to use something different (or that, at least, tries to).

      • IVORY Framework

        A versatile and uncomplicated responsive web framework, capable of handling all sorts of front-end development for any device and screen size. It is quite lightweight and works with all of the five biggest browsers around nowadays. It's 12 column layout can be divided and tweaked to achieve the right organization.

      • Centurion: A CSS Web Framework

        ​A complete CSS frameworks that aims to simplify the work in our web projects, with amazing results. Some of its main features include:- Vast compatibility- Quick prototyping for wireframes- CSS3 and HTML5 are the main ingredients here

      • Junior: Front-End Mobile Framework

        ​Junior can be your best friend when creating mobile apps with HTML5. It counts with improved CSS3 transitions, thought for mobile devices only, swipable carousels and more, all with a native look and feel. You can check the project page on a mobile or check the demo to see in in action.

      • Profound Grid: Responsive Grid System

        ​This tool allows the creation of responsive (or fixed, if you want) grids and allows a good deal of customization in the way the behave and interact with the environment. It promises to deliver semantic markup and super precise margins to ensure cross-browser stability.

      • Bedrock: Mobile First Responsive Grid

        ​Some projects NEED to have mobile design in mind before they even begin, others need just a few add-ons on an existing framework to achieve that last bit of elegance that will make the design shine. This 18-column responsive grid does not intend to be another framework, but a tool to modify more of your grids. Subtle and certainly useful.

      • Extra Strength Responsive Grids

        ​Extra Strength makes full use of media queries, it's secret to make your grids much more flexible and adaptable, ideal for projects that base heavily on mobile usage. The possibilities are quite interesting since they let you play a lot with the way the elements are displayed which could make a big difference in the final result.

      • Responsable: Clean CSS, LESS and HTML Framewo...

        Responsable uses the power of less and sass to bring you a perfect responsive framework, even including a typographic baseline. Among its features we highlight:- Clean and simple markup.- Uses jQuery Pictures to make all images responsive- Nested columns 

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

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

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

      • 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

        ​This dashboard was 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

        This 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 heatmap 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 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, and among its features you can find:- Runs the same tests as Xcode.app.- 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
    • Must Have Free HTML5 Boilerplates (13 submissions)

      Boilerplates for bootstrapping HTML5 web apps development.

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

      • Wirefy | The Responsive Wireframe Framework

        Wirefy is a style agnostic wireframe tool built on the principles of content first. It allows you to create functional responsive wireframes using standard elements. Many frameworks focus on quick layouts and base styles. This allows you to focus on the content rather than the subjective design decisions.If you are a designer and developer that is concerned with content first at the base of your responsive designs then Wirefy is the tool you've looking for. With a bit of base knowle...

      • Home – inuit.css – a powerful, scalable, ...

        View on GitHub inuit.css gets a complete overhaul for its fifth versionNew image styles and a marginalia object added in v4.3.3Look at how inuit.css’ grid system work and how to implement and use it.A quick introduction to getting the inuit.css framework up and running in your project.Hello, and welcome to the brand new inuit.css blog!© 2012 Harry Roberts. Built with inuit.css and Jekyll. The source-code of this blog can be found on GitHub....

      • The Goldilocks Approach to Responsive Web Des...

        Created by Typecast . Better web type with less hassle.Download our boilerplate CSS and HTML files based on current best practices that will give you more time to focus on what is unique to each project.Download Zip (35k)Or get it on GithubYou might also like Responsive.is, a tool for to demoing RWD.The Goldilocks Approach uses a combination of Ems, Max-Width, Media Queries and Pattern Translations to consider just three states that allow your designs to be resolution independent. We saw a probl...

      • Skeleton: Beautiful Boilerplate for Responsiv...

        Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles:Skeleton has a familiar, lightweight 960 grid as its base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). Go ahead, resize this page!Skeleton is a tool for rapid development. Get started fast with CSS best practices, a well-structured grid...

      • YUI Library

        YUI is a free, open source JavaScript and CSS library for building richly interactive web applications. …

      • Jayj HTML5 theme demo

        Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the …

      • HTML5 Starter Pack by Radu Chelariu

        Whenever I start a new project, I really hate doing all those repetitive bits over & over again. And I'm betting that, since you're here, you do too. …

      • HTML5 Reset :: A simple set of templates for ...

        March, 2013: The files have been updated — this web site has not! Head over to GitHub for the very latest.Like a lot of developers, we start every HTML project with the same set of HTML and CSS files. We've been using these files for a long time and have progressively added bits and pieces to them as our own personal best practices have evolved.Now that modern browsers are starting to support some of the really useful parts of HTML5 and CSS3, it's time for our best practices to catch up, and w...

      • Initializr – Start an HTML5 Boilerplate...

        Jonathan Verrecchia Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start! Initializr is here to kick-start the development of your new projects. It generates templates based on HTML5 Boilerplate by allowing you to choose which parts you want or don't want from it. A responsive template has also been ...

      • HTML Email Boilerplate

        Welcome to the HTML Email Boilerplate. This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc.

      • HTML5 Boilerplate Front-end Template

        HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.A lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icons; and docs covering dozens of extra tips and tricks.Includes Normalize.css v1

      • Collapse Expand List View all items Download Bundle
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.

Browse
Done

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