There are plenty of free tools and resources out there to help you with your website design, whether you’re just looking for a little touch or want to build a new site from scratch.
Here is a list of free website design tools and resources. There are useful design apps, platforms for building complete sites, and resources for free fonts, icons, and images.
Adobe Color CC. Adobe Color is a free online application for trying, creating, and saving color combinations, each in five variations.
Google Fonts. Google Fonts is a quick and easy way to find and add quality fonts. With hundreds of free open source fonts available, browse and compare font families, then simply grab the code to add to your collection.
WhatFont. WhatFont is a useful extension for identifying fonts. On any web page, just click your WhatFont button to find out.
Genie type. Type Genius is a simple web application for finding great combinations of fonts. Simply select a starting font and instantly get a suggested matching font.
Icon search. Iconfinder is an icon search engine to search among 900,000 icons. Browse premium icons and 100,000 free icons.
Vector. Vectr is a free web and desktop design application for creating vector graphics. Share URLs of Vectr documents for visual feedback. Annotate an image and share changes in real time.
Unsplash. Unsplash in a website for free dynamic images. No stock photos here, you are free to edit and distribute the images as you wish. The site publishes 10 handpicked photos every 10 days. It also contains a gallery of examples of websites that have used the images.
Store. Stock Up is a search engine that aggregates photos from 26 free stock photo websites. The site currently lists over 13,000 free images.
Lost and taken. Lost and Taken is a design blog that provides free texture images. The site has textures from a wide variety of categories including film, smoke, paper, watercolor, paint, plaster, light, smoke, motion blur, and nature.
TextureKing. TextureKing publishes free stock textures to enhance your design. With hundreds of free textures available, the site includes textures for concrete, wood, fabric, liquids, dirt, glass, and metals.
Design and development tools
Skitch. Skitch is an app from Evernote for visually communicating ideas, sharing comments, and collaborating. Clip from anywhere on the web. Make your point with shapes, arrows and quick sketches. Use Skitch on your desktop, tablet, and phone to provide feedback and share ideas. The basic plan is free. Paid plans start at $ 24.99 per year.
Cloth. Canva is an online graphic design platform. Non-designers can easily create graphic designs and layouts with drag and drop functionality. Design with free photos, icons and shapes. Create menus, banners, social media graphics, etc. Canva’s basic platform is free. Premium items never exceed $ 1.
Pixlr. Pixlr is a free photo editor from Autodesk for enhancing images with free effects, overlays, and filters. Choose from a set of effect packs to give your image the look you want. Style the images to look like a pencil drawing, ink sketch, poster, etc. Use the Web Editor, O Matic, and Touch Up apps to create stunning images.
Google Web Designer. Google Web Designer is an advanced web application that allows you to design and create HTML5 web content. Create using drawing tools, text and 3D objects. Animate objects and events on a timeline. Add image galleries, videos, maps, etc.
Web feed. Webflow is an all-in-one design platform for building responsive websites. Start with a blank canvas for full creative control, or choose a template to get started quickly. Drag and drop to create an animated and interactive design without writing any code. A project is free. Premium plans start at $ 16 per month.
Themify Flow. Themify Flow is a framework for creating responsive themes in WordPress. Just drop the layout modules and configure the options. Style everything with a live design preview. It comes with Google Fonts, a color picker, image uploading, and more.
Mobilize. Mobirise is an application for creating small and medium sized websites, landing pages, product and service promotion sites, etc. Drop the blocks you like into your page, edit the content online, and post. Choose from a wide selection of pre-built blocks, such as content slider, responsive image gallery, and video background.
wonder. Marvel is a web application for designing interactive prototypes. Design in your browser or add images using Photoshop, Sketch on pen and paper. Turn your designs into interactive mobile and web prototypes with just a few clicks. Import your team from Slack and Asana. Free with comments on three projects. The paid plan starts at $ 15 per month.
Prime. Bootstrap is an open source front-end framework for building websites and web applications. Bootstrap comes with dozens of custom HTML and CSS components, as well as templates for forms, buttons, typography, and more.