A community guided open source web editor from Adobe, with focused visual tools and preprocessor support, Brackets is a modern text editor that mak...

A community guided open source web editor from Adobe, with focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser, crafted from the ground up for web designers and front-end developers. A lightweight, modern, and powerful text editor that blends visual tools into the editor so you get the right amount of help when you want it without getting in the way of your creative process. Definitely worth taking a look at this puppy!

Tailor, a frontend page builder for WordPress featuring a functional and user friendly drag and drop interface. With this functional tool, you'll b...

Tailor, a frontend page builder for WordPress featuring a functional and user friendly drag and drop interface. With this functional tool, you'll be able to add elements and create columns instantly in a single drag and drop movement. Copy elements anywhere on the page by dragging and holding the Shift key. Save one or more elements as templates, then drag and drop them onto any page, and way too many cool features to list them all here.

Oneday is a cool framework that works within Sketch made for prototyping and creating websites in an easy and quick way. It has predefined items to...

Oneday is a cool framework that works within Sketch made for prototyping and creating websites in an easy and quick way. It has predefined items to help you create faster, it helps you change colors easily, take advantage of its responsive capabilities to create a lightweight yet powerful website.

A toolkit for UI designers and web developers. This toolkit allows you to create app designs from scratch, and also manipulate the code by using en...

A toolkit for UI designers and web developers. This toolkit allows you to create app designs from scratch, and also manipulate the code by using encapsulated code to improve the development process. It also has a gallery of prefabricated resources to ease your life.

A showcase of prototypes and articles related to FramerJS. The site's divided into several categories like Fun, Modules, Code, Hacks, Resources and...

A showcase of prototypes and articles related to FramerJS. The site's divided into several categories like Fun, Modules, Code, Hacks, Resources and others. It has a clean navigation and cool items for you to explore.

This online tool is a vast collection of categorized icons where the user can select the one he likes and get a different sized preview. All the it...

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

This set of visual elements and guidelines will help you at creating your digital brand standards, improve team collaboration and implement a modu...

This set of visual elements and guidelines will help you at creating your digital brand standards, improve team collaboration and implement a modular structure, while editing live the styles in the browser.

Atomic Docs is a fantastic front-end toolkit and a SASS component manager, built in PHP, and ready to add to your local environment, it will let yo...

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

Basil aims to ease the frontend storage management for developers. It handles disabled cookies, full localstorage and other unwanted native storage...

Basil aims to ease the frontend storage management for developers. It handles disabled cookies, full localstorage and other unwanted native storage exceptions, When you try to store something, Basil will automatically look through all the available storage mechanisms and find the best suited one to store your value. It also handles storage of complex javascript objects using JSON.

Substance is a JavaScript Library for web-based content editing platform, also can be used to build a sheets editor, web content, a notepad applica...

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

A front-end framework for building modular, configurable and scalable projects, Modular takes advantage of CSS attribute wildcard selectors by look...

A front-end framework for building modular, configurable and scalable projects, Modular takes advantage of CSS attribute wildcard selectors by looking for classes which contain certain strings as opposed to looking for specific classes.

A huge list of front-end development resources and tools collected from all around the Internet over time by GitHub user dypsilon who sorted it out...

A huge list of front-end development resources and tools collected from all around the Internet over time by GitHub user dypsilon who sorted it out from general knowledge at the top to concrete problems at the bottom.

Flexx is an open source toolkit for creating graphical user interfaces coded in Python and rendered through web technology. It helps you creating b...

Flexx is an open source toolkit for creating graphical user interfaces coded in Python and rendered through web technology. It helps you creating both desktop and web applications and also exporting apps to standalone HTML documents.

Timber is a front-end framework for Shopify themes quick and easy. It can be used by theme creators of any skill level for themes of any scope. It ...

Timber is a front-end framework for Shopify themes quick and easy. It can be used by theme creators of any skill level for themes of any scope. It features basic markup, Sass, collection sorting, twitter cards, and more.

The mobile checker is a creation by the W3C to help developers improve the responsiveness of their websites. It helps your website be truly respons...

The mobile checker is a creation by the W3C to help developers improve the responsiveness of their websites. It helps your website be truly responsive; shows you the issues that should be fixed, the considerable but not relevant issues and you can contribute to make it better.

Sassline is a text formatting baseline grid which uses Sass and rems to make a site's text readable and appealing. It aims to set beautiful typogra...

Sassline is a text formatting baseline grid which uses Sass and rems to make a site's text readable and appealing. It aims to set beautiful typography across the web, and can be used for prototypes, blogs or full websites.

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

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 by helping you organize your rules and implementing best practices.

PhiloGL is a data visualization framework made with the help of WebGL, helping game creators and developers reach their full potential white making...

PhiloGL is a data visualization framework made with the help of WebGL, helping game creators and developers reach their full potential white making games and coding. It uses idiomatic JavaScript, it's focused on performance, has all the modules you need, doesn't use libraries and it open source.

JSCalc is an online tool to help you create calculators of all kinds; it does that by giving you preset options to add, or inputs like checkboxes, ...

JSCalc is an online tool to help you create calculators of all kinds; it does that by giving you preset options to add, or inputs like checkboxes, date pickers, radio buttons and repeating items. The output allows you to place a table to add the data. When you finish, the tool lets you save, share and take the script to integrate it into your website.

TuxedoJS is a complete framework built with react and Flux for creating great web apps. It is a front-end framework that provides powerful opiniona...

TuxedoJS is a complete framework built with react and Flux for creating great web apps. It is a front-end framework that provides powerful opinionated React classes for sharing methods and building high-performance components, and among its features it has graceful degradation, a consistent and solid app architecture, semantic action creation, and a custom animation library.

A tool to help you prototyping, defining the colors, the typography and the general appearance of a website using your browser. It includes a templ...

A tool to help you prototyping, defining the colors, the typography and the general appearance of a website using your browser. It includes a template that lets you modify the colors, typefaces, header, footer, adjectives, and the headings you don't want, replacing them with the ones you need.

This is a browser that allows you to access and manipulate a website with the help of a script. It is useful to run tests, page automation, monitor...

This is a browser that allows you to access and manipulate a website with the help of a script. It is useful to run tests, page automation, monitoring, screen capture and other functional processes. It is a tool like PhantomJs, but running on Gecko instead of Webkit, and it executes all the scripts created for Phantom.
It was created by Laurent Jouanneau and it's free.

A bookmarklet and a Chrome extension that creates heat maps for analysing the performance of browser loaded resources thanks to the Resource Timing...

A bookmarklet and a Chrome extension that creates heat maps for analysing the performance of browser loaded resources thanks to the Resource Timing API. It needs a browser that supports this API, and to use it just add the bookmarklet or install the app from the Play Store.
This extension was created by Umar Hansa and can be downloaded for free.

Schema is a lightweight and responsive modular front-end framework that allows you to build complex web interfaces. Schema gives you the foundation...

Schema is a lightweight and responsive modular front-end framework that allows you to build complex web interfaces. Schema gives you the foundation and components to design a responsive web project quickly.

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

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 to GitHub.

jQuery.liga.js provides an entire suite of functionalities designed to facilitate the development of web-based applications by implementing tools s...

jQuery.liga.js provides an entire suite of functionalities designed to facilitate the development of web-based applications by implementing tools such as animated pop-ups, cookies and local storage, confirmation windows, desktop notifications and jQuery UI themes to change its appearance.

jQuery.fracs determines some fractions for an HTML element (visible fract...

jQuery.fracs determines some fractions for an HTML element (visible fraction, fraction of the viewport, ...) and also provides the coordinates of these areas. As a bonus there is a page outline feature as seen on the right.

The jQuery UI library does not support touch events right now, responding only to mouse actions. This could ruin the navigation experience when usi...

The jQuery UI library does not support touch events right now, responding only to mouse actions. This could ruin the navigation experience when using tablets, phones and other touch devices. Thanks to this hack, you can make sure your project satisfies all visitors.

Write dramatically less code with Ember’s Handlebars integrated templates that update automatically when the underlying data changes. It incorporat...

Write dramatically less code with Ember’s Handlebars integrated templates that update automatically when the underlying data changes. It incorporates common idioms so you can focus on what makes your app special, not reinventing the wheel. This tool has been built for productivity and designed with developer ergonomics in mind, making it a friendly API to help you get your job done fast.

does performance really matter?
Of course it matters and you know it. So why do we keep making slow sites that lead to a bad user experience? This...

does performance really matter?
Of course it matters and you know it. So why do we keep making slow sites that lead to a bad user experience? This is a community-driven practical guide that will show you how to make websites faster. Let's not waste time showing millionaire performance cases, let's get straight to the point!

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

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.

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

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.

Terrific Composer is a Frontend Development Framework with a very nice and simple interface, specifically desig...

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.

If you are a Facebook developer, this toolkit will help you with the creation of iFrame application for multiple devices, in the classic Facebook l...

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

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.

Simply Testable is a professional automated front-end web testing that checks HTML, CSS and JavaScript analysis of static code and pages, and broke...

Simply Testable is a professional automated front-end web testing that checks HTML, CSS and JavaScript analysis of static code and pages, and broken link checking. This tool works with just one click while at the same time you can collaborate with others.

​Batman.js was created with Rails development in mind, so if you're familiar with it, you'll be up and running in no time. Shopify is currently pow...

​Batman.js was created with Rails development in mind, so if you're familiar with it, you'll be up and running in no time. Shopify is currently powered by it, this will give you an idea of how scalable the tool is. Additionally, it carries a good few features for user convenience, such as the familiar Rails conventions, data bindings and structured directories.

​A complete CSS frameworks that aims to simplify the work in our web projects, with amazing results. Some of its main features include:
- Vast comp...

​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