✦ Free resources
Free design resources for designers, developers and Framer
More than 1,900 free tools for designing, coding and building websites, sorted into 15 topic pages you can search. Fonts, icons, stock photos, UI kits, Framer templates, 3D, game dev and more. Every link was checked, and each tool is marked free, open source or free tier.
Featured partner
Affiliate links. If you start a paid plan through them, I earn a commission at no extra cost to you. How this works
Browse by topic
Framer and no-code
Framer templates, components and plugins, plus no-code site and app builders.96 freeDesign tools
Free apps for UI, vector and photo work, plus Figma plugins.159 free+10 paidDesign inspiration
Galleries of real sites, apps, logos and landing pages.139 freeUI kits and mockups
Free UI kits, public design systems and device mockups.100 free+2 paidFonts
Free font sites, open source typefaces and type tools.95 free+5 paidColor and accessibility
Palette and gradient makers, contrast checkers and accessibility tests.124 freeIcons and illustrations
Open source icon sets, free illustrations and pattern makers.167 free+2 paidPhotos, video and audio
Free stock photos, video, music and sound effects.99 free+7 paid3D and motion
3D software, free models and web animation libraries.103 free+11 paidGame development
NewOpen source game engines, level editors and free game art.177 freeMostly open sourceGraphics and creative coding
NewCreative coding frameworks, WebGL libraries and shader tools.193 freeMostly open sourceWeb development
CSS frameworks, UI libraries, open source backends and free APIs.136 freeMostly open sourceDeveloper and productivity tools
Code editors, API clients, image optimizers and diagram tools.154 free+8 paidAI tools
AI builders, image and video generators and local models.95 free+3 paidSEO, marketing and ecommerce
SEO checks, analytics, email builders and ecommerce tools.51 free
Resource lists
The open lists this page was built from. Go deeper here.
- 400 Free Design ResourcesFreeFree fonts, 3D, audio, gradients and CSS tools in one list. CC0github.com
- 500+ Free Resources (Jason Marlowe)FreeA big 2017 list of free design, email and SEO tools. Some links are now deadmedium.com
- AwesomeFreeThe list of awesome lists, on almost any topic in techgithub.com
- Awesome a11yFreeAccessibility tools, articles, and guidelines. Public domain (CC0)github.com
- Awesome AI ToolsFreeBroad list of AI tools by use case. MIT licensedgithub.com
- Awesome Computer VisionFreeBooks, courses, papers and code for computer visiongithub.com
- Awesome Creative CodingFreeGenerative art, shaders and interactive work, aimed at beginners and upgithub.com
- Awesome CSS FrameworksFreeWell kept list of CSS frameworks, split by type and size. Public domain (CC0)github.com
- Awesome D3D12FreeLibraries, samples and debuggers for Direct3D 12github.com
- Awesome DesignFreeOlder but solid list of design assets, photos, fonts, and tools. Public domain (CC0)github.com
- Awesome Design Resources ListFreeOpen list of UI kits, galleries, generators and accessibility toolsgithub.com
- Awesome Design SystemsFreeTable of public design systems, showing which have code and kits. Unlicense licensedgithub.com
- Awesome Design ToolsFreeDesign tools and plugins by task, with free and paid badges. MIT licensedgithub.com
- Awesome DevToolsFreeBrowser developer tools and extensions. Public domain (CC0)github.com
- Awesome FigmaFreeFigma plugins, dev tools, and community links. Public domain (CC0)github.com
- Awesome FontsFreeFonts, foundries, and font tools with an open source lean. Public domain (CC0)github.com
- Awesome Free ToolsFreeFree and generous-tier tools for developers, sorted by use. Public domain (CC0)github.com
- Awesome GLSLFreeTutorials, tools and books for learning shader programming in GLSL. MIT licensedgithub.com
- Awesome IconsFreeCompact, current list of open source icon sets. Public domain (CC0)github.com
- Awesome MacFreeHuge, active list of Mac apps with free and open source markers. CC BY 4.0 licensedgithub.com
- Awesome No-Code (kairichard)FreeThe most active no-code and low-code list on GitHub right now. Public domain (CC0)github.com
- Awesome No-Code (valentin-vogel)FreeSmaller no-code list organized by job: forms, automation, sites, databases. Public domain (CC0)github.com
- Awesome No-Code ToolsFreeEarlier popular no-code list. MIT licensedgithub.com
- Awesome OpenGLFreeOpenGL libraries, debuggers and learning links in one listgithub.com
- Awesome ProductivityFreeProductivity apps by type, mixing free and paid. Public domain (CC0)github.com
- Awesome React ComponentsFreeReact component libraries and single purpose components by category. Public domain (CC0)github.com
- Awesome ShopifyFreeShopify developer tools, SDKs, themes, and learning links. Public domain (CC0)github.com
- Awesome Stock ResourcesFreeFree photos, video, icons, and illustrations grouped by license type. Public domain (CC0)github.com
- Awesome Tailwind CSSFreeTailwind CSS plugins, UI kits, and tools. Public domain (CC0)github.com
- Awesome three.jsFreeThree.js tools, tutorials, and related 3D web resources. Public domain (CC0)github.com
- Awesome VulkanFreeVulkan samples, libraries, tools and tutorialsgithub.com
- Awesome Web AnimationFreeAnimation libraries, tools, and learning material for the web. Public domain (CC0)github.com
- Awesome Web DesignFreeShort beginner friendly starter list for web designers. Public domain (CC0)github.com
- Awesome WebGLFreeWebGL libraries, tutorials and tools for 3D in the browser. CC0github.com
- Awesome WebGPUFreeLibraries, demos and guides for the new WebGPU API. CC0github.com
- Design / AI WorkflowsFreeNotion page of shared Claude prompts and skills for design workyummy-design-sprint.notion.site
- Design ResourcesFreeDirectory of design tools, inspiration and learning linksdesignresourc.es
- Design Resources for DevelopersFreeThe broadest single list of design and UI resources, sorted into many small tables. MIT licensedgithub.com
- Design Systems Repo AIFreeCurated reading list on how AI changes design systemsdesignsystemsrepo.ai
- Ethical Design ResourcesFreeDirectory of guidance on building humane, ethical digital productsethicaldesignresources.com
- Figma Community ResourcesFreeFigma's own index of open source plugins, widgets, and dev resources. MIT licensedgithub.com
- Findguidelin.esFreeDirectory of brand guidelines from well-known companiesfindguidelin.es
- FountnFreeDesigner curated list of design resources and toolsfountn.design
- Free Design ResourcesFreeRegularly updated roundup of free graphics and design downloadsfreedesignresources.net
- Free Programming BooksOpen sourceHuge index of free programming books and coursesebookfoundation.github.io
- free-for.devFreeThe go-to list of SaaS and infrastructure free tiers for developersgithub.com
- Freebies.ByPeopleFreeCurated freebies with commercial licenses for designersfreebies.bypeople.com
- Freelance ThingsFreeHand picked directory of useful tools for freelance creativesfreelancethings.co
- Graphics ResourcesFreeMatt DesLauriers' bookmarks on realtime graphics and game development. MIT licensedgithub.com
- Guide to UXRFree250+ resources for doing user researchguidetouxr.com
- Infinite CanvasFreeCollection of canvas based tools that fit how people thinkinfinitecanvas.tools
- Ke-Sen Huang's Graphics PapersFreeLinks to papers from SIGGRAPH and other graphics conferences, year by yearkesen.realtimerendering.com
- Learn to ProgramFreeShort, curated set of free courses for learning to code. Public domain (CC0)github.com
- Machine Learning + DesignFreeLinks on how design, UX and machine learning overlapmachinelearning.design
- Magic ToolsFreeGame development tools, engines, art and audio resources. MIT licensedgithub.com
- No-Code Supply Co.FreeHand picked inspiration and goods for no code makersnocodesupply.co
- Product DisruptFreeCurated links for learning product design, from books to coursesproductdisrupt.com
- Resource BoyFreeDirectory of free graphic design downloads for creativesresourceboy.com
- Resource.fyiFreeDirectory of apps and tools picked for makers and designersresource.fyi
- SEO resources listFreeSEO checklist plus tools and learning resources. MIT licensedgithub.com
- Shillington free resourcesFreeA design school's roundup of free tools for graphic designersshillingtoneducation.com
- Skills.shFreeBrowse and install reusable skills for AI coding agentsskills.sh
- The Designer's Toolkit (Datum)FreeA design studio's own list of the tools it uses day to daydatumcp.com
- The Product Design Resources LibraryFreeLarge library of design assets and links for product and UX designersadhamdannaway.com
- Toools.designFreeLarge, browsable design tool directory with free and paid mixedtoools.design
- Type Design ResourcesFreeCommunity-maintained collection of links for type designerstypedesignresources.com
- UI SkillsFreeBrowse UI skills that help AI coding tools produce cleaner interfacesui-skills.com
- Web Development ResourcesFreeWeb dev tools and learning links. MIT licensedgithub.com
This directory, including its selection, categories and descriptions, is © 2026 Jeffrey Hakim. You’re welcome to link to it. Please don’t copy or republish the list.
02 · How this list works
How this list was built
It started with the best open lists people already keep. Then every link was tested by hand and by script.
1. Start from lists people trust
More than 30 open lists on GitHub, plus design blogs and Reddit threads, gave the first set of links. Each one is credited under Resource lists.
2. Keep what is actually free
Every tool is free, open source, or has a free plan you can do real work on. Paid-only tools are left out.
3. Test every link
Each link was opened and checked. Sites that died, or now send you somewhere else, were removed.
4. Say what it does in one line
Each tool gets one short line, so you can scan a category fast. Search by name or by what you need, like “icons” or “forms”.
03 · Submit a resource
Submit a free resource
Know a free tool that belongs on this list? Send me the link. I’ll check it, and if it’s free and useful, I’ll add it.
04 · Resource questions
Free resources questions, answered
Short answers about what is on this page and how to use it.
What is on this resources page?
More than 1,900 free tools for design, development and Framer, sorted into 15 topic pages. It covers fonts, icons, photos, audio, UI kits, 3D, game dev, shaders, AI tools and more.
Are these resources really free?
Yes, every tool here can be used for free. Each one is marked Free, Open source or Free tier. Free tier means there is a paid plan, but the free plan is enough to start.
Can I use these resources in client work?
Most of them, but licenses differ. Fonts, photos and icons each have their own terms. Check the license on the site before you ship commercial work.
What are the best free design tools?
Figma’s free plan, Penpot, Photopea, Inkscape and GIMP cover most design work. You’ll find them under Design tools.
Where can I find free Framer templates and components?
Open the Framer and no-code page. It lists free templates, component libraries and plugins, including the Framer Marketplace and Framer University’s free resources.
Where can I find free fonts for commercial use?
Google Fonts, Fontshare and The League of Moveable Type are good places to start. They’re all in the Fonts category. Check each font’s license before you use it.
Where can I find free game development tools?
Open the Game development page. Godot, Phaser and Bevy are free engines, Tiled is a free level editor, and Kenney has free game art you can use in your own games.
Where did these links come from?
From open lists on GitHub like free-for.dev, Design Resources for Developers and Awesome Free Tools, plus design blogs and Reddit threads. Every source is credited under Resource lists.
How often are the links checked?
Every link was checked when this page went up in November 2026. If you find a broken one, let me know and I’ll fix it.
Can I suggest a resource?
Yes. Use the Submit a resource form on this page. Free tools with a real free plan are the best fit.
✦ Want more than free tools?
Let’s build your site in Framer
I design and build fast Framer sites with clean SEO and share previews that stand out. Tell me what you’re working on.
Contact Jeffrey
