aniket990011 / design-resources

Design resources

Design Resources

Refer Contribute.md for Contribution

Online Design Tools

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

Website	Description
Figma	Online graphic design tool (Free & paid options)
Vectr	Free vector graphics software
Taler	Create social media banner designs in minutes from hundreds of customizable templates
Canva	Create beautiful designs (Free & Paid)
Get Waves	A free SVG wave generator to make unique SVG waves for web design
Clippy	Easy CSS clip-path maker
Fancy Border Radius	Eight values specifying border-radius in CSS ( border-radius generator )
Wireframe.cc	Wireframing tool (free & paid)
Fotor	Photo editor and design maker
Pixlr	Online photo editor
Animoto Video Maker	Make videos online
RemoveBG	Remove image backgrounds
Photo Creator	Create your own photos instead of searching for stock
Visme	Create presentations, infographics and more
Infogram	Create infograms
ChartGo	Create charts and graphs online
Cartoon Photo	Turn photos into cartoons
Logo Maker	Create custom logos
Whimsical	Wireframes, diagrams and more (4 free)
Whiteboard	Online drawing tool
Octopus	Sitemap builder
CTA Button Maker	Create call to action buttons
Blobmaker	Blobmaker is a free generative design tool, to help you quickly create random, unique, and organic-looking SVG shapes
Personas	A playful avatar generator for the modern age
SoftUI	A Soft UI (neumorphism) CSS generator
Photopea	A Online Photoshop editor
Excalidraw	Virtual whiteboard for sketching hand-drawn like diagrams
Diagrams	Diagram software and Flowchart maker
MapInSeconds	Simple way to visualize your data with a map
Grid Malven	A css grid cheatsheet to reference when creating a css grid
Flex Malven	A flexbox grid cheatsheet to reference when working with flexbox
Smart Upscaler	Upscale images by 2-4x resolution
GetAvataaars	Fun and Colorful free avatars web generator tool by Fang-Pen Lin using Pablo Stanley sketch library
Big Heads	Easily generate avatars for your projects with Big Heads by Robert Broersma.
Webflow	Break the code barrier, Build better business websites, faster. Without coding.
Trace	Instantly remove the background from your photos
Neumorphism.io	Generate Soft-UI CSS shadow code
DB Designer	Design your database for free online
Ui Bakery	Create full-fledged web apps visually
Faux	Turn real code into faux code
Rive	Real-time interactive design tool that allows you to design, animate, and immediately integrate your assets into any platform.
Unscreen	Remove Video Background 100% Automatically and Free
Kodeshot	Convert your source code into nice pictures for your articles, tweets, messages, posts...
Wix	Create a Website You’re Proud Of
GTmetrix	Website Speed and Performance Optimization
Framer	Is prototyping tool for teams
Draw.io	Free online diagram editor tool
UXWing SVG Editor	Creating and Edit SVG Online
CSS Arrow	Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like.

Downloadable Design Software

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

Website	Description
Gimp	Free & open source image editor similar to Photoshop
Gravit Designer	Free full-featured vector graphic design app that works on ALL platforms
Blender	Open source, free animation, 3D modeling, etc.
Raw Therapee	Cross-platform raw image processing program
Be Funky	Online design program
Krita	Sketching and painting program designed for digital artists
Pencil Project	GUI prototyping software
Inkscape	Powerful free design tool
Adobe XD	Free design tool from Adobe
Shapes.so	Icons that can be used as code in your projects
Lunacy	Sketch for Windows
InVision Studio	Free screen designing tool from InVision
Darktable	Free & Open source photography workflow application and raw developer
Inpixio photo Editor	Free Photo Editor: For windows only
Colorpicker	Open Source colors software: Retrieve, manipulate and store your colors easely!

Fonts

Websites that offer free fonts as well as font based tools

Website	Description
Google Fonts	Library of around 1000 free licensed font families
DaFont	Archive of freely downloadable fonts
Use & Modify	Personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces
1001 Free Fonts	I think the name speaks for itself 😏
Font Squirrel	Font Squirrel scours the internet for high quality, legitimately free fonts
Font Fabric	A digital type foundry crafting retail fonts and custom typography for various brands
Tiff	A type diff tool that visually contrasts the differences between two fonts
TypeKit Practice	Learn about typography practices
Fontjoy	Generate font pairing in one click
Golden Ratio	Golden Ratio Typography Calculator
FontSpark	Discover Better Fonts
FontPair	Helps you pair Google Fonts together
Font Space	A designer-centered free font website that has quick customizable previews
Abstract Fonts	Fonts free for personal and commercial use
Free Typography	A list of high quality fonts
Leon Sans	A geometric sans-serif typeface made with code
Lexend	A variable font empirically shown to significantly improve reading-proficiency
Fonts for Apple Platforms	Get the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps
SFWin	San Francisco Fonts for Windows 10 and non-Apple Platform
Font Flipper	Preview 800+ Google Fonts on top of your own designs, without having to download the fonts
Fonts Arena	Free curated fonts
Befonts	High quality fonts for free
Arabic fonts	Arabic fonts for free
FontDrop	Simple and easy way to view the contents of font files
Open Foundry	FREE platform for curated open-source typefaces
Glyphter	Upload your own SVGS and turn them into font files. Usefull if you want a smaller library loaded
Google Webfonts Helper	A Hassle-Free Way to Self-Host Google Fonts
Rough Font Awesome	When RoughJS meets Font Awesome