Image
css-doodle.com
CSS Doodle

A web component for drawing patterns with CSS...


css drawing tools

Image
favicon.io
Favicon.io

The only favicon generator you need for your next project. Quickly and easily generate your favicon.ico file from text, image, or ...


icon tools favicon generator fonts

Image
Nuxt.js

Nuxt.js is a minimal framework for creating Vue.js applications with server side rendering, code-splitting, hot-reloading, static ...


vue frameworks tools web-development frontend vuejs

Image
prettyawesomelists.com
Pretty Awesome Lists

Pretty Awesome Lists crawls available awesome lists (e.g. programming, work, games, etc.), collects interesting information about ...


awesome lists tools resources community github

Image
crisp.chat
Crisp Chat

Crisp is the best way to chat and get feedback from your website visitors. Add it on your website in 2 minutes and start increasin...


chat feedback nocode tools instant im

Image
emojicom.io
Emojicom

Collect website feedback in an engaging way 🗣 with emojis....


webmaster tools nocode feedback emoji reactions

Image
airtable.com
Airtable

Organize anything you can imagine. Airtable works like a spreadsheet but gives you the power of a database to organize anything. S...


nocode database speadsheet api storage simple

Image
https://www.openode.io
OpeNode.io

Cloud Node.js Hosting. You pay on a per minute basis and our price is the cheapest on the market. Whenever your webs...


node developer tools nodejs cloud hosting

Image
themes.guide
I Code Dis

Discover new, upcoming and trending GitHub projects. You can upvote or submit your favorite GitHub repos. This is a great way to a...


github open-source developer-tools tools git repos

Image
themes.guide
Themestr.app

A custom Bootstrap 4 theme creator that generates CSS from Bootstrap SASS. Rapidly build custom themes by selecting colors, fonts ...


bootstrap css tools free design themes

Image
fakejson.com
FakeJSON

Mock an entire backend with minimal coding. Easily create custom HTTP resources complete with fake data. FakeJSON's API scales wit...


json api mock data service fake

Image
http://animista.net
Animista

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you wi...


css animate animations web tools creator

Image
gradientjoy.com
Gradientjoy.com

Beautiful gradients as placeholder images just for you....


colors gradient placeholder webdesign tools placeholders

Image
bootstrap.themes.guide
Bootstrap Themes Guide

A collection of free themes to give your Bootstrap projects a unique, custom style. Simply download the theme.css file for any the...


bootstrap themes custom builder web-design design

Image
coolbackgrounds.io
Cool Backgrounds

Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpaper...


patterns pattern gradient generator tools web-design

Image
witeboard.com
Witeboard

Witeboard is the fastest way to collaborate real-time with your team anywhere....


whiteboard collaboration teams share ideas collaborate

Image
www.creative-tim.com
Now UI Kit

Now UI Kit is a Bootstrap 4 UI Kit developed by Creative Tim. It is a beautiful cross-platform UI kit featuring over 50 elements a...


bootstrap theme freebies bootstrap template beautiful ui uikit

Image
medium.com
Bootstrap 4 Beta on Medium

What's New in Bootstrap 4 Beta It's been 7 months since the release of Bootstrap 4 Alpha 6, and while we've all been anticipating ...


bootstrap design tools upgrade articles medium

Image
jsonlint.com
The JSON Validator

JSONLint is the free online validator and reformatter tool for JSON, a lightweight data-interchange format....


json format data object developer tools

Image
simplestepscode.com
HTML Product Hunt

Product Hunt disguised as HTML code so you can browse whenever you want....


product-hunt tools api html cool

Image
vuejs.org
Vue.js

Vue.js - Intuitive, Fast and Composable MVVM for building interactive interfaces....


vue vuex web-dev tools mvvm views

Image
sizzy.co
Sizzy

A tool for testing responsive websites crazy-fast. Preview changes on multiple devices instantly....


tools responsive test screens sizes widths

Image
nanogallery2.nanostudio.org
Nanogallery2

Nanogallery 2 creates beautiful, modern and high-quality image galleries for your website. Don't change anything on your current p...


image web-design tools gallery photos

Image
www.fotojet.com
FotoJet

FotoJet is a free online photo editor, collage maker and graphic designer that allows you to edit photos and create collages and d...


fotojet collages clipart design templates tools

Image
wordpressstash.com
WordPress Stash

WordPress Stash is a curated directory featuring the very best resources for WordPress. Find themes, plugins, tools and other Word...


wordpress plugin seo professionals customers advanced

Image
nudg.it
Nudg.it

A companion app for sketch to adjust your nudge settings. Nudg.it is a simple app that allows you to quickly edit Sketch settings ...


nudg increments sketch settings app terminal

Image
freestack.co.uk
FreeStack

Product / Service #1 Whatever your company is most known for should go right here, whether that's bratwurst or baseball caps or va...


tools freestack creatives resources designers submit

Image
www.uxpower.tools
UX Power Tools

UX Power Tools is a growing collection of Sketch tools, methodically crafted to make you a more efficient and organized designer....


sketch collection design tools freebies

Image
tools.keycdn.com
KeyCDN Web Tools

KeyCDN Tools gives you a set of free online checks to help you troubleshooting network or CDN related issues. DNS lookup service i...


hostname keycdn lookups ssl server tools

Image
searchyapp.io
Search Scopes

Collection of search scopes to quickly search through Web Development things....


tools resources links web-development jquery angular

Image
www.fontfit.com
FontFit

A useful tool for people who want to test out different fonts on a live website, and show others how a website might look with dif...


fonts tools try typeface styles font

Image
www.lolcolors.com
LOL Colors

Get inspiration for different color schemes and palettes for use in design....


lol project curator coded learn palette

Image
teletext.io
TeleText.io

Finally, a distributed content management service based on Javascript. Add editing capabilities to your existing website without u...


edit editable content website tools cms

Image
www.smockups.com
Smock

Responsive Screenshot + Mockup App. High-resolution mockups showcase your mobile website design....


mockup screen screenshot devices emulator iphone

Image
getstencil.com
Stencil

Stencil lets you add text to any image from anywhere on the web....


image stencil create social photos logos

Image
pixelart.jvrpath.com
Pixel Art to CSS

Draw and animate Pixel Art, export the results to CSS and share or download them....


css art draw canvas tools

Image
dotdev.co
.Dev

A Medium publication by Eric Barnes that provides news, tutorials, interviews, inspiration and tools for developers....


workflow tutorials developers dev tools html

Image
qrohlf.com
Trianglify Generator

A handy geometric pattern generator tool that lets you create a pattern of random triangles. Select color, width, height, variance...


patterns generator triangles geometric tools

Image
www.apifier.com
Apifier

Hosted web scraper for developers. Apifier is a web scraper that extracts structured data from any website using a few simple line...


developer tools harvest parse scraper metadata

Image
colorlisa.com
Color Lisa Color Palettes

Color Lisa is a curated list of inspiring color palettes based famous work of the world's greatest artists. Each palette was pains...


color share lisa favor colors palettes

Image
www.colorion.co
Colorion

A helpful collection of curated color palettes you can search by tag or color....


color colors palette hex rgb palettes

Image
flexbox.webflow.com
Webflow Visual Flexbox Builder

Still learning about flexbox? Here's a CSS flexbox tool that lets you build websites with flexbox layouts-without actually writing...


flex layout elements vertically crowdsource flexbox

Image
cssstats.com
CSS Stats

Want to find out how CSS impacts page speed and performance? Here's a Web app to visualize various stats about CSS and use of CSS ...


css selectors performance tools speed

Image
gradient.quasi.ink
Unique Gradient Generator

This tool helps you to generate beautiful blurry background images. It uses extremely light images instead off CSS3 gradients. It ...


image background css css3 base64 unique

Image
cardform.co
CardForm

Already love Trello? CardForm automatically generates your site or blog from a Trello board. This is a very interesting concept fo...


trello templates blog site cardform content

Image
carrd.co
Carrd

Carrds is a simple, free, fully responsive one-page site builder. You select a starter template and then follow the simple guide t...


one-page site builder rwd tools generator

Image
designmodo.com
Slides Framework for Animations

Slides contains 70 beautiful slides and 11 quick-start web templates that you can combine. Every slide is available in PSD, Sketch...


slides beautiful templates html choose animations

Image
tweakstyle.com
TweakStyle

TweakStyle is an Integrated Development Environment for Web Development. It packs all you need to code, preview and debug Web int...


tweakstyle editor code css website ide

Image
work.smarchal.com
TWBSColor Custom Bootstrap Navbar

TWBSColor lets you generate a custom Bootstrap navbar in CSS, LESS or SASS....


bootstrap css twbscolor icons customize tools

Image
design.google.com
Google Design Resizer

An interactive viewer to see and test how digital products respond to material design breakpoints across desktop, mobile and table...


responsive test screens resize google tools

Image
generatewp.com
GenerateWP

Boost up your workflow, reduce development time and generate high quality code. GenerateWP makes your development experience much ...


custom wordpress function create use code

Image
webdesignstack.com
Web Design Stack

Web Design Stack is a curated selection of essential web design and development tools, news, and inspiration....


fonts javascript design app css free

Image
www.bootply.com
Bootply Bootstrap Playground

A free Bootstrap editor that also includes Bootstrap snippets, templates and examples using Javascript, CSS, HTML5 and jQuery. Exa...


bootply bootstrap bootstrapzero bootstrapcdn micro-libraries editor

Image
www.theme.cards
Theme cards

All free website themes for Bootstrap, Wordpress, Joomla, ecommerce and other responsive frameworks....


themes templates freebies ui-kit resources tools

Image
www.hongkiat.com
Hongkiat

Design weblog for designers, bloggers and tech users. Covering useful tools, tutorials, tips and inspirational artworks....


photoshop design articles designer tools css

Image
macaw.co
Macaw

Featuring a real-time layout engine, called Stream, Macaw allows HTML elements to be manipulated in a manner similar to image edit...


layout macaw elements stream design-to-code alchemy

Image
www.colorfavs.com
ColorFavs

Generate beautiful color palettes from images, urls or randomly....


colors palettes randomly up-to-date colorfavs luminosity

Image
vectr.com
Vectr

Vectr is a free design app for web and desktop. It helps in making websites, apps, poster, logos, business cards, t-shirts, brochu...


graphics vector design tools apps

Image
popapp.in
POP App

POP turns hand-drawn wireframes to interactive prototypes. Sketch the app ideas on paper; take pictures and add links between the ...


pop prototypes app mockups idea build

Image
weblisty.net
Weblisty

The best resources and tools directory to create your next web projects....


tools curation icons resources mockups

Image
webflow.com
Webflow

Build dynamic, responsive websites in your browser and launch with a click. Discover the professional website builder made for des...


webflow https designing website cms tools

Image
www.browserling.com
Browserling

Browserling is a live interactive testing tool for multiple browsers. It enables you to test your website in all web browsers: Int...


browsers browserling javascript firefox chrome screenshots

Image
pltts.me
PLTTS

Easily find a matching color palette....


color colors tools palette hex

Image
despreneur.com
Despreneur

Despreneur is a magazine about design, technology and entrepreneurship. Nowadays designers play major roles in successful startups...


design apps tools experience productivity survey

Image
ToolSalad
Tool Salad

A Curated Directory of +205 Online Marketing Tools...


curation tools resources lists

Image
thestacks.im
The Stacks

Panda Networks TheStacks is a curation of the most popular collections listed in one place....


curated collections resources directory startups best

Image
resizr.co
Resizr

Resizr emulates the different screen sizes of many popular devices showing you how your site will appear and allow you to test med...


360x640 nexus galaxy iphone rwd responsive

Image
www.staticgen.com
StaticGen

StaticGen is a leaderboard of the top open-source static site generators. Promoting a static approach to building websites....


static generator site markdown simple blog

Image
makerbook.net
Makerbook

A hand-picked directory of the best free resources for creatives....


free design creatives curation tools

Image
www.semplicelabs.com
Semplice

With Semplice you can build fully responsive case studies & custom branded project pages with just a few clicks....


semplice semplicelabs wordpress portfolio schneidertobias platform

Image
www.designerslist.info
Designerslist

The list for web designers. Just a simple list with all your favorite web design websites....


design resources curation list tools

Image
stylifyme.com
Stylify Me

Stylify Me creates style guides of existing sites. Stylify Me was created to help designers quickly gain an overview of the style ...


css styles tools fonts colors guide

Image
growth.supply
Growth Supply Freebies

All the free tools to start and grow your startup and business. This is a great curation with everything from code and design tool...


marketing growth tools freebies startups

Image
folioformac.com
Folio

Folio is a simple version control app for designers. It lets you clean up all your duplicates by allowing you to browse and restor...


folio versions manual previews subdirectories git

Image
tools.subtraction.com
Design Tools Survey

More than 4,000 designers responded to this survey of today's best software for digital design. The response is divided into tools...


tools answers primary survey participants shed

Image
moqups.com
Moqups

The most stunning HTML5 app for creating resolution-independent SVG mockups, wireframes & interactive prototypes for your next pro...


moqups stencils project password revisions awesome

Image
enboard.co
Enboard Web Design Resources

Organized web design and general design resources....


design curations resources tools list development

Image
oozled.com
Oozled

Oozled is the self-proclaimed "largest" curated list of creative resources online....


curation resources design general curated collection

Image
wwwhere.io
Wwwhere

Wwwhere is a curated list of tools and resources for people who make websites.....


app css web software javascript designers

Image
www.goodwebdesign.co
List of URL Shorteners

Chances are you click on at least a few shortened links every day. Here's a handy list of top URL shorteners and URL shortener API...


http url free download filter shortening

Image
simpla.io
Simpla Build Better

Simpla turns content management into a service, with new, editable HTML elements that can be used anywhere....


html element frontend editing admin javascript

Image
startupstash.com
Startup Stash Curated Resources

Startup Stash is a curated directory of resources and tools to help you build your startup. Get inspired and build awesome stuff....


startup directory curated wordpress tools product

Image
www.canva.com
Canva - Simple Graphic Design

Canva makes design simple for everyone. Create designs for Web or print: blog graphics, presentations, Facebook covers, flyers, po...


design tools graphics drag-and-drop stock

Image
designmodo.com
How to Combine Traveling and Web Design Career

Traveling is an exciting experience, it opens your eyes, widens your mindset and certainly inspires you for more. I've been travel...


meetup remote nomads traveling co-working design

Image
medium.com
Modern Design Tools: Adaptive Layouts

Excerpt from the article on adaptive design from Josh Puckett, "As software designers, we have more tools available than ever befo...


layout design tools adaptive canvas sizes

Image
nucleoapp.com
Nucleo Icons

Nucleo is a library of 25000 responsive icons and a web application to manage and customize them....


icons nucleo category svg library 16px

Image
www.codeply.com
Codeply Responsive Design Editor

A frontend editor & responsive test playground for Foundation, Materialize, UIkit and other responsive frameworks. This is a nice ...


css plys code javascript codeply html

Image
www.invisionapp.com
InVision Sketch Prototyping

Build better prototypes with Sketch and InVision....


invision sketch sync designs stakeholders workflow

Image
pixelmap.amcharts.com
Pixel Map Generator

Create a stunning interactive maps with simple-to-use user interface. Save it as image or JavaScript code for easy publishing on y...


map pixels generator tools charts graphs

Image
htmlcolorcodes.com
Best Color Palette Generators

Selecting a color scheme is a critical part of any website or project, and to help you discover that perfect color combination we'...


color palette compiled scheme perfect web

All the best in frontend web development & design