fbpx
indesign logo
ham icon
icon-eye indesign mediaBy InDesign Media | icon-eye indesign mediaMay 8, 2020 | icon-eye indesign media4585 Views
icon-eye indesign mediaMay 8, 2020
icon-eye indesign mediaBy InDesign Media

resource list

Latest free & paid resources for web developers & designers that are very useful. Increase development & design works speed.

We have been working on this fields since a long period of time and as a developer, we know it can be tough to find good resources as far as creating websites and user interfaces. Also, we know that there’s a lot of really really great developers that aren’t that good with design. And, to be sure that whatever you add is free, you can make a pull request. Put it in the right category.  

When will it come?

For sure, it is not already here. So, there are the categories we know about. Ui graphics, fonts, icons, stock videos and photos, vector, HTML, CSS, templates, frameworks, CSS frameworks, react view and angular, UI libraries design systems and style guides, online design tools, and downloadable software.

 

Best resources for developers

In addition, here we will be going through some of these. Additionally, UI graphics is going to be your sketch Figma, PSD files, and so on. Ui design is really one of the best. Not to mention, there are thousands of best modern looking Ui components and you can easily download the files if you want. 

But, copying the whole template is not the best idea. Rather than copying, using it as an inspiration can be better. In other words, while creating something like a login page, you can just look at the template and try to recreate it with HTML and CSS.

Infographics & Libraries 

Likewise, there are some others too and this one has the Figma uh design elements and screens stuff like infographics. Humans, which is a library of the people illustrations are seen to be the design trend in this period. Also, you can pattern the same thing and can also download this for you. 

Also, try to know about all these different software platforms. We have got uh animation.co here so that you can easily create different gif icons animations.

List of font sites

After that, we have google fonts. Google Fonts is one of the most popular fonts. Not to mention, there are some other font sites too which are worth checking out. Additionally, there are also some tools to find out what fonts are on the web page without having to go to the dev tools. 

You will get the tiff there which you can easily compare and contrast different fonts. Moreover, you can also put them on top of each other and compare them. Font Awesome is also one of the best with material icon features. Not to mention, there you can find different sets of fonts that you can easily customize. In addition, you can easily use them by downloading the package.

Design System

Moreover, we have general style guides and a design system like google’s material design. But, there are several different companies like apple. so these are the apple design resources, Thus, it tells you a lot about whatever design philosophy and stuff like that.

In addition, you can also download the files and there are a lot of codes that you can use. Not pretty sure about the apple but if you go to the audio you will get the exact resource information like the size and the exact colors. There is the GitHub repo for it.

How to use?

Not sure about the exact guidelines on how to use this stuff of the design systems from companies like that. In addition, it is absolutely free to use on whatever you want but there are generalized systems like this and design. Also, there are actually like and react view components that you can use with the system.

UI Design

Etrade Microsoft fluent UI also looks pretty cool. So, this is similar to the Microsoft framework or the design system Pluralsight Mozilla protocol. This is the design system for the Mozilla and the firefox websites. Thus, it is really good and even if you don’t use it directly, you can get some ideas fro it. In addition, we have some of the online design tools like Figma. Figma is one of the popular online design tools.

Similarly, there are free as well as paid version options. So, if you want to create the website wireframe here, you can easily do that. Some of these might be free and free as well. If you want to remove the background from the image you can simply use this tool. A lot of these are just a small tool.

Photo & Video Resources

There are a bunch of stock photos and its absolutely free. For best stock photos there are several sites like pixels and Unsplash. Also, these sites have thousands of high-quality photos.

Similarly, you can easily search for the desired quality photos on the basis of color, size, quality, etc. Like stock photos, there are several stock video websites too. Also, you can search the video you want and download and use it for free.

Stock VIdeos Websites

Additionally, we have some different stock videos websites, vectors, and clip art. If you also want stuff like icons and images, you can easily get there. Many vector sites are somehow similar but they all have different resources packs. For example, if you are creating an e-commerce website. There you will need some products and images. Thus, you can easily find the images of the categories that you are searching for in vector websites.

HTML & CSS Recources

Now, let’s have a look at HTML CSS templates. So, html5 up has a lot of different and nest templates. Template mo color lib, one of the best templates is pretty cool. Not to mention, you can find several categories like real estate, banks, hospitals, restaurants. So, when you visit the site and have a look at templates, you might want to download one of those. We are pretty sure that some of the guys know a lot about this tailwind bootstrap material.

Boostrap and some of the other popular ones tend to be heavy. Then we really have Ui and CSS components and kits. There aren’t frameworks that are lighter and also give you the best.

UI Components

Notably, there are several uh UI components, some with javascript functionality design blocks. We thought that was pretty cool. These are not the images, these are like the CSS components that you can download and use.

Here, we have stuff for the react so material UI chakra react-bootstrap. It is a pretty cool framework for building admin applications or admin interfaces. Not to mention, it directly works with APIs like any JSON API or firebase. It is too buffy based on the Bulma, the Bulma CSS framework. Some other stuff here quasar angular so we have a material angular bootstrap. In summarize, If you want to use bootstrap with angular then it can be really cool.

Conclusion

First specific things logo maker color scheme generator. So, if you want to generate the color scheme that makes sense, you can make a palette uh. If you want to build out the site map you can use it to build out database tables and the stuff as a visualization whiteboard online drawing tool.

How to make cartoon photos?

That’s why some of these might not be that useful. Similarly, if you want to make a cartoon photo of you know a real photograph and downloadable design software gimp that is very similar to photoshop. But, free blender for 3D modeling some of the other ones here pencil project and then some of the inspiration like the dribble and some of the other sites that I found. In addition, there are tons of stuff and here you can find something that is very useful.

UI & Graphics Resources​

Resources and websites with modern UI components in different formats such as PSD, Sketch, Figma, etc. They are great for ideas for web components/UI

Website    Description
UI Design DailyAwesome UI Components of all types
100 Daily UIFree Figma library of products, elements, and screens
Sketch App SourcesSketch UIs, wireframes, icons and much more
HumaaansCool illustrations of people with the ability to mix and match
PaaatternsFree collection of beautiful patterns for all vector formats
thepatternlibraryFree beautiful background patterns
Drawkit.ioIllustrations for designers and startups
Undraw.coIllustrations for any idea you can imagine and create
Illustration.coOpen-source illustrations kit
OpendoodlesFree sketchy illustrations
Open PeepsHand drawn illustration library
UI SpaceThousands of great UI freebies
Animations.coBeautiful, customizable animated GIF icons
UplabsHigh-quality design resources (Free & Premium)
InvisionAppLibrary of free, high-quality UI kits, icon packs, and mockups
Speckyboy ArticleThe 10 most popular open source frontend web UI kits
Open DoodlesA Free Set of Sketchy Illustrations
AvataaarsFree sketch library of avatars illustrations by Pablo Stanley

Font Resource​

List of websites that offer free fonts as well as font based tools

Website      Description
Google FontsLibrary of around 1000 free licensed font families
DaFontArchive of freely downloadable fonts
Use & ModifyPersonal selection of beautiful, classy, punk, professional, incomplete, weird typefaces
1001 Free FontsI think the name speaks for itself ????
Font SquirrelIt scours the internet for high quality, legitimately free fonts
Font FabricA digital type foundry crafting retail fonts and custom typography for various brands
What FontTool for finding the fonts of a website without having to search in the devtools
TiffA type diff tool that visually contrasts the differences between two fonts
Font FlameTool for pairing fonts to see how they look together
TypeKit PracticeLearn about typography practices
FontjoyGenerate font pairing in one click
Golden RatioGolden Ratio Typography Calculator
FontSparkDiscover Better Fonts
FontPairHelps you pair Google Fonts together
Free Stock MusicRoyalty-free stock music for YouTube videos, podcasts, etc
Abstract FontsFonts free for personal and commercial use
Free TypographyA list of high quality fonts
Leon SansA geometric sans-serif typeface made with code
LexendVariable font empirically shown to significantly improve reading-proficiency
Fonts for Apple PlatformsGet the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps
SFWinSan Francisco Fonts for Windows 10 and non-Apple Platform
Font FlipperPreview 800+ Google Fonts on top of your own designs, without having to download the fonts

Colors​

Websites and resources that help with choices related to colors

Website  Description
CoolorsColor schemes generator
CoolorsTrending color palettes
Colors & FontsA curated library of colors, fonts and resources
Material PaletteFree to pick palettes, icons and colors for Material Design
ColorSpaceGenerate nice color palettes from one color
FlatUIColorsBeautiful set of color palettes in various flavours
Adobe ColorCreate color palettes, extract gradients from images, etc
ColorsinspoAll-in-one resource for finding everything about colors
HappyhuesHappy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects by Mackenzie Child
Adobe TrendsDiscover current color trends in different industries from the creative communities on Behance and Adobe Stock
Color HuntA free and open platform for color inspiration with thousands of trendy hand-picked color palettes
Gradient HuntA free and open platform for gradient inspiration with thousands of trendy hand-picked color gradients
Web GradientsFree website to find good css gradients

Icons​

Resources for Icons including font based, png, svg and more

Website Description
Font AwesomeThe web’s most popular icon set and toolkit
Material IconsMaterial design icon library
Shapedfonts Iconclub8000+ free icons
Feather IconsBeautiful, customizable open source icons
Tabler Icons470+ highly customizable open source SVG icons
Simple Icons1307 Free SVG icons for popular brands
IonIconsBeautifully crafted open source icons from Ionic team
Zurb Foundation IconsCustomizable Foundation icons
Linear Icons1000+ Ultra crisp vector icons
Entypo411 carefully crafted premium pictograms by Daniel Bruce
Icons8Free icons, photos, vectors and tools
Flat IconThe largest database of free icons in PNG, SVG, EPS, PSD and BASE 64 formats
Fontisto IconsFontisto the iconic font and css toolkit · 616+ free icons
The Noun ProjectOver 2 Million curated icons, created by a global community
IconsoutFree Download Icons illustrations stock photos at one place
BoxiconsBoxicons is a free collection of carefully crafted open source icons
Nucleo AppNucleo is a beautiful library of 27500 icons, and a powerful application to collect, customize and export all your icons. (Free & Paid)
Icon-icons.comFree Icons PNG, ICO, ICNS and Vector file SVG
Bootstrap IconsFree Icons built for Bootstrap but they’ll work in any project
Remix IconSimply Delightful Icon System
IconmonstrDiscover 4496+ free icons in 313 collections
Vivid.jsReady to use Free and Open Source SVG Icons Pack JavaScript Library.
IconfinderFree and premium vector icons in SVG, PNG, CSH and AI format
Vivid.jsReady to use Free and Open Source SVG Icons Pack JavaScript Library
Material PaletteFree to pick palettes, icons and colors for Material Design]
Lordicon50 free animated interactive icons
UseAnimationsFree Animated Icons in SVG and Json Format(for lottie)
Material Design Iconic FontMaterial design icon font
Vscode CodiconsThe icon font from Visual Studio Code
css.gg700+ Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API
SVGPorn1000+ high-quality SVG logos
Payment System LogosLogos for payment systems available in png and svg
Browser LogosHigh resolution web browser logos
IconBros7843+ free icons grouped in 182 collections
LogoHubGenerate and download your logo for free in PNG and SVG format

Stock Photos​

Websites that offer free stock photos of all kinds for your websites and apps

Website  Description
PexelsFree stock photos shared by talented creators
UnsplashThe internet’s source of freely usable images
PixabayOver 1.7 million+ high quality stock images and videos
MagdeleineGallery & free high res photo everyday
PicspreeRoyalty free images, stock photos, illustrations, and vectors
BurstFree stock photos collections
Life of PixFree high resolution photography
Stock SnapHundreds of high quality photos added weekly
MorguefileOver 350,000 free stock photos for commercial use
Kaboom PicsStock photography and color palettes. Good for product images
New Old StockStock vintage photos
Pic JumboGood collections of different types of photos
Public Domain PicturesPublic domain images of all types
Find A PhotoSearches multiple stock photo websites
StockvaultCategorized stock photos
PlaceholderA free image placeholder service for the web. You can specify image size and format
Realistic ShotsFree high resolution stock photos
Negative SpaceHigh-Resolution Free Stock Photos
SkitterPhotoFree high resolution photography
PicoGraphyGorgeous, High-Resolution, Free Photos
Wunder StockStunningly amazing free photos

Stock Videos​

Websites that offer free stock videos of all kinds for your websites and apps

Website                           Description
Coverr.coBeautiful free stock video footage
VideezyFree HD stock footage & 4K videos
Mix KitStock video clips & music
Life Of VidsFree video clips and loops
VidevoFree and premium stock videos

Stock Music & Sound Effects​

Websites that offer free stock music and/or sound effects

Website     Description
Free Stock MusicRoyalty free stock music for YouTube videos, podcasts, etc
BensoundDownload Royalty Free Music for free and use it in your project
MixkitFree music for your projects
FreesoundFree stock music and sounds
Free Stock MusicRoyalty free stock music for YouTube videos, podcasts, etc
Free Music ArchiveCollaborative database of creative-commons licensed sound for musicians and sound lovers
MusopenAn online copyright free classical music library

Vectors & Clip Art​

Free vectors, clipart, illustrations, patterns and more

Website      Description
VecteezyFind and download free vector art
FreepikFree vectors, stock photos, PSD and icons
Free VectorsCommunity of vector lovers who share free vector graphics
PNGTreepng, backgrounds, templates, text effects
Vector4FreeFree vector graphics
Retro VectorsVintage vectors and graphics
FreebleVectors, patterns, mockups and more
LukaszadamFree Vector atrworks
IlllustrationsBeautiful 100 Illustrations – png, svg
ClipartChoose great clipart, png, coloring pages, drawings and more for your projects from the free collection!

Product & Image Mockups​

Create mockups of devices and other products

Website      Description
Smart MockupsCreate stunning product mockups (free & premium)
Shot SnapCreate beautiful device mockup images for your app or website design
ScreelyInstantly turn your screenshot into a mockup
Screen PeakCreate a mockup from a URL
Mockup WorldThe biggest source of free photo-realistic Mockups online
Collab ShotReal-time screen grabs and image sharing
Facebook DevicesImages and Sketch files of popular devices
Threed.ioGenerate 3D mockups right in your browser.

HTML & CSS Templates​

Websites that offer free beautiful website templates and themes of all types

Website   Description
HTML5UpVery modern, unique responsive HTML5/CSS3 themes
TemplatemoMinimal, resume, gallery themes and more
Templated.coTons of minimalistic HTML5/CSS3 themes
FreeHTML5Free & premium HTML5 and Bootstrap themes
StyleShoutBrilliantly crafted free website templates
Start BootstrapBootstrap starter themes
ZerothemeHTML5, Bootstrap, Prestashop templates
HTML5xCSS3Collection of wonderful templates in different categories
ColorlibAlmost any category of theme you can think of
Free CSSHuge collection of free templates
HubspotTemplates, infographics, banners and much more
MobiriseGreat looking HTML5/CSS3 templates
BootswatchFree themes for Bootstrap
OnepageloveOne page websites, templates and resources
Themes For AppFree Bootstrap themes and landing pages
BootstrapTastePremium & Free Bootstrap Templates
BootstrapMadeElegant, clean and beautiful free templates using Bootstrap.

CSS Frameworks​

CSS/UI frameworks to help build great looking websites and applications

Website      Description
Tailwind CSSLow level, utility-first framework
BootstrapPopular UI framework with tons of components that use both CSS and JS
MaterializeA modern responsive front-end framework based on Material Design
Material Design LiteLight framework based on Material Design. No JS dependency
BulmaModern CSS framework with no JS
SkeletonExtremely light framework for basic UI elements
Semantic UIEmpowers designers and developers by creating a shared vocabulary for UI
FoundationMobile first framework with clean markup
Pure CSSA set of small, responsive CSS modules
UIKitLightweight and modular front-end framework
SusyLightweight, grid-layout engine for Sass
Milligram.ioMinimalist CSS framework
Vanilla FrameworkSimple, extensible CSS framework written in Sass
Spectre CSSLightweight, modern CSS framework
Picnic CSSLightweight and beautiful library
WingA beautiful CSS framework designed for minimalists
ChotaA micro (~3kb) CSS framework
Blueprint CSSLightweight layout library for building great responsive mobile first UIs that work everywhere
W3.CSSA modern CSS framework with support for desktop, tablet, and mobile design by default. Designed to be independent of jQuery or any other JavaScript library
98.cssA design system for building faithful recreations of old UIs
NES CSSNES-style CSS Framework
Shoelace.cssLightweight, forward-thinking CSS library built with future CSS syntax
MVP.cssA minimalist stylesheet for HTML elements. No class names, no frameworks, just semantic HTML and you’re done

CSS Animations​

CSS animations to build awesome animations for websites and applications

Website      Description
Animate.cssJust-add-water CSS animations
Bounce.jsBounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations
Anime.jsAnime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects
Magic AnimationsAnimations has been one of the most impressive animation libraries available
ZdogRound, flat, designer-friendly pseudo-3D engine for canvas & SVG
CSShakeCSShake delivers exactly what it says on the box — a CSS library designed specifically for shaking elements within your web page
Hover.cssHover.css is a CSS animation library designed for use with buttons and other UI elements in your website
AniJSAniJS is an animation library that allows you to add animations to elements in a simple ‘sentence-like’ structure
AnimistaCSS Animations On Demand
Tachyons-animateTachyons itself is an atomic CSS library with a ton of utility classes for essentially designing anything by adding classes to what you need
Sequence.jsSequence.js is a JavaScript library that provides a responsive CSS framework for creating unique sliders, presentations, banners, and other step-based applications
InfiniteThese animations, like rotations and pulses, that are specifically designed to run and repeat forever
OBNOXIOUS.CSSAnimations for the strong of heart, and weak of mind
MOTION UIA Sass library for creating flexible CSS transitions and animations
GreensockA JavaScript library for building high-performance animations that work in every major browser
lax.jsSimple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll!
Rellax.jsA buttery smooth, super lightweight, vanilla javascript parallax library

UI Components & Kits​

Not quite “frameworks”, but tools for creating user interfaces with components or UI kits

Website   Description
UILangA minimal, ui-focused programming language for web designers
Medialoot CSS ComponentsCalendars, price grids and other UI components
Froala Design BlocksOver 170 responsive design blocks ready to be used in your web or mobile apps
Material Design For BootstrapOpen source toolkit for building material design with Bootstrap
PhotonkitDesktop UI library for Electron
Flat UIMinimal free user interface kit
ShardsA free and modern UI toolkit for web makers based on Bootstrap
Creative TimAll types of UI libraries and kits including JS frameworks like React
Brumm Shadow MakerAn online tool to make css shadows
SpinKitSimple CSS Spinners
Moving LettersAnimated Text with JavaScript and anime.js
tailwindcomponentsA free repository for community components using TailwindCSS
CodyhouseKick-start your web projects with CodyHouse’s front-end framework and library of accessible HTML, CSS, JavaScript components
Tailwind Starter KitIt a beautiful extension for TailwindCSS, Free and Open Source
TailwindtoolboxOpen source starter templates and components, a plugins directory and useful tools/utilities to kick start your Tailwind CSS project.
CSS LayoutA collection of popular web layouts and patterns in pure CSS

React UI​

UI and component libraries for the React JavaScript framework

Website       Description
Material UIReact components for faster and easier web development, based on Material Design
Chakra UIBuild accessible React apps & websites with speed. Openchakra
React BootstrapBootstrap rebuilt for React. Include Bootstrap components right in your JavaScript
BlueprintJSReact-based UI toolkit for the web
React AdminA frontend Framework for building admin applications. Supports API’s out of the box
RebassReact primitive UI components built with styled system
React Semantic UIUI components based off of the Semantic UI framework
Shards ReactReact UI kit featuring a modern design system with dozens of custom components
React VirtualizedUI set for data. Includes tables, lists, sorting, etc.
React ToolboxMaterial design UI library for React
Elastic UIDistributes UI React components and static assets for use in building web layouts
React DesktopDesktop styled components in React. Includes MacOS and Windows based components
Onsen ReactDistributes Components for hybrid mobile apps with React and Onsen UI
EvergreenDesign system for React
RebassReact primitive UI components built with styled system
Grommetmobile first UI component library
RimbleReact design kit, library and guides
Landing Page TemplateOpen source landing page template for react
Ant DesignOpen source design React ui library
KendoReactUI for React Developers
PRIMEREACTThe ultimate collection of design-agnostic, flexible and accessible React UI Components
Elemental UIA UI Toolkit for React.js Websites and Apps
Ant DesignOpen source design React ui library.
KendoReactUI for React Developers.
PRIMEREACTThe ultimate collection of design-agnostic, flexible and accessible React UI Components
Primer ComponentsPrimer Components are React components which implement GitHub’s Primer Design System
OrbitDesign system and React UI components for travel projects.

Vue UI​

UI and component libraries for the Vue JavaScript framework

Website       Description
VuetifyMaterial design component framework
Bootstrap VueUse Bootstrap components with Vue
BuefyLightweight UI components based on Bulma
QuasarBuild high-performance VueJS user interfaces in record time
ElementDesktop UI library for Vue
Fish UIVue UI toolkit for the web
Keen UIVueUI library with a simple API, inspired by Google’s Material Design
Onsen VueDistributes Components for hybrid mobile apps with Vue and Onsen UI
VuejsexamplesA nice collection of useful vuejs UI components
InklineInkline is a modern UI/UX Framework for Vue.js designed for creating flawless responsive web applications
VuesaxUnique and reusable UI components

Angular UI​

UI and component libraries for the Angular JavaScript framework

Website      Description
Material AngularUI library for Angular based on Material design
NG BootstrapUI library for Angular based on the Bootstrap framework
PrimeNGPowerful UI component library for Angular
Onsen AngularHybrid mobile and PWA UI library for Angular and Onsen UI
NG LightningNative Angular components & directives for Lightning Design System
NG SemanticUI library for Angular based on Semantic UI
NebularCustomizable UI Kit, Auth & Security for Angular
Alyle UIMinimal components set for Angular
NGX BootstrapAnother UI library for Angular based on the Bootstrap framework
NG ZorroUI library for Angular based on Ant Design

Svelte UI​

UI and component libraries for the Svelte Javascript compiler

WebsiteDescription
Svelte Material UIUI library for Svelte based on Material Design
SvelteStrapUI library for Svelte based on the Bootstrap framework

Design Systems & Style Guides​

Design systems, style guides, toolkits, docs. Some of these are design guides for top companies/websites

Website         Description
Material DesignGoogle’s Material Design
Ant DesignDesign system for enterprise-level products
Apple Design ResourcesGuides and templates for using Apple design and UI
Alta UIOracle’s design system and toolkit
PulseDesign system, guides and React component library
BoltRobust Twig and web component powered UI components
Clarity Design SystemUX guidelines, HTML/CSS framework, and Angular components
AtlasKitAtlassian’s official UI library, built according to the Atlassian Design Guidelines
Audi Design ResourcesAudi UI design system and toolkit
Carbon Design SystemsCarbon is IBM’s open-source design system for products and experiences
Yelp Style GuideYelp style guide, components and toolkit
CometScalable design system of visual language, components, and design assets
ETrade Design SystemGuides and toolkits that blend finance with simplicity and ease of use
Fundamental LibraryOpen source and community driven project for consistent user interfaces
Infor DesignGuidelines and resources to create meaningful experiences for Infor’s products
LexiconAn experience language for crafting beautiful UI
Mailchimp UI/UXStyle guide and components from Mailchimp
Marvel Style GuideSet of design principles and components
Microsoft Fluent UICollection of UX frameworks from Microsoft
Pluralsight Design SystemDesign guide with components for designing with Pluralsight
PolarisDesign system that creates great experiences for all of Shopify’s merchants
Mozilla ProtocolProtocol is a design system for Mozilla and Firefox websites
SendGrid Style GuideUI library for developing consistent UI/UX at SendGrid
VTEX StyleguideReusable patterns, components and assets related to product design in VTEX
RizzoStyle guide with UI components, JS components, widgets, etc
AtomizeUI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly
StyleGuides.ioA directory of 500+ styleguides

Online Design Tools​

All kinds of online tools for design, from photo editors to wireframing, and more

WebsiteDescription
FigmaOnline graphic design tool (Free & paid options)
VectrFree vector graphics software
CanvaCreate beautiful designs (Free & Paid)
Wireframe.ccWireframing tool (free & paid)
FotorPhoto editor and design maker
PixlrOnline photo editor
Animoto Video MakerMake videos online
RemoveBGRemove image backgrounds
Photo CreatorCreate your own photos instead of searching for stock
VismeMake presentations, infographics and more
InfogramCreate infograms
ChartGoCreate charts and graphs online
Cartoon PhotoTurn photos into cartoons
Logo MakerCreate custom logos
WhimsicalWireframes, diagrams and more (4 free)
WhiteboardOnline drawing tool
OctopusSitemap builder
Favicon GeneratorGenerate favicon ico files for your website
RealFaviconGeneratorGenerate icons for all platforms (Windows, iOS, Android)
FontIconCreate favicons and images from Font Awesome icons
CTA Button MakerCreate call to action buttons
BlobmakerBlobmaker is a free generative design tool, to help you quickly create random, unique, and organic-looking SVG shapes.
PersonasA playful avatar generator for the modern age.
SoftUIA Soft UI (neumorphism) CSS generator.
PhotopeaOnline Photoshop editor.
ExcalidrawVirtual whiteboard for sketching hand-drawn like diagrams.
DiagramsDiagram software and Flowchart maker.
MapInSecondsSimple way to visualize your data with a map.
Grid MalvenA css grid cheatsheet to reference when creating a css grid.
BlobmakerBlobmaker is a free generative design tool, to help you quickly create random, unique, and organic-looking SVG shapes
PersonasA playful avatar generator for the modern age
Grid MalvenA css grid cheatsheet to reference when creating a css grid
Smart UpscalerUpscale images by 2-4x resolution
GetAvataaarsFun and Colorful free avatars web generator tool by Fang-Pen Lin using Pablo Stanley sketch library

Downloadable Design Software​

Free software for UI, photo, 3d modeling, etc. Alternatives to paid software like Photoshop

Website     Description
GimpOpen source image editor similar to Photoshop
Gravit DesignerFree full-featured vector graphic design app that works on ALL platforms
BlenderOpen source, free animation, 3D modeling, etc.
Raw TherapeeCross-platform raw image processing program
Be FunkyOnline design program
KritaSketching and painting program designed for digital artists
Pencil ProjectGUI prototyping software
InkscapePowerful free design tool
Adobe XDFree design tool from Adobe
Shapes.soIcons that can be used as code in your projects
LunacySketch for Windows
InVision StudioFree screen designing tool from InVision

Design Inspiration​

Here are some websites to get inspiration for design and UI

Website     Description
BehanceDesign projects featured by different creators
DribbbleProjects featured by different creators
HttpsterShowcases websites made by people from all over the world
Microcopy InspirationsCurated collection of UX writing examples, microcopy examples and copywriting examples
InspofindsLatest design work from designers and the design community
Design NotesFree online resource library for product designers
Land BookDisplays a large collection of websites to help find inspiration
Frontend MentorReal-world UI Challenges using HTML, CSS and Javascript
AwwwardsA website that rate and collects the best websites in the world in UI
CodropsA website that collects the best UI ideas and patterns and make tutorials of it
SaaS Landing PageDiscover the best landing page examples created by top-class SaaS companies
Pages.xyzCurate and discover the best designed web pages
UI MovementUI Movement is a community of design enthusiasts who share and discuss the most interesting and unique UI designs
  • facebook
  • Twitter
  • linkedin
  • Pinterest
Newletter Indesign Media
TOOLS

Our Working Platforms

We provide start-ups and major corporations with comprehensive services that include innovative web solutions and expert assistance.

InDesign Media WhatsApp
Home Services
Quote
Portfolio Contact