Tools and Resources

These are 105 links to handy and useful tools and resources available on the web. All are usable for free and without sign-up. I also develop various tools myself.

• SVG Wave Generator: Generates customisable waves with SVG.
• Tabler Icons: Huge collection of vector icons.
• 3dicons: Icons, but 3D.
• Puter: A cloud-based desktop environment.
• Simple Icons: Huge collection of vector icons.
• The Ultimate Oldschool PC Font Pack: Old crunchy PC fronts.
• Device Info: A web browser security testing, privacy testing, and troubleshooting tool.
• css.glass: Glassmorphism CSS generator.
• Feather Icons: Huge collection of vector icons.
• Mixkit: Stock footage.
• Unsplash: Stock photos.
• Artvee: Classical and modern art.
• Oh Shit, Git!?!: A guide to un-fucking your Git mistakes.
• 98.css: Windows 98 style CSS design system.
• XP.css: Windows XP style CSS design system.
• 7.css: Windows 7 style CSS design system.
• Laws of UX: Collection of best practices that designers can consider when building user interfaces.
• Meet the Ipsums: Various placeholder texts.
• Realtime Colors: Visualise colours and fonts in context on a site.
• Flexbox Froggy: A way to learn CSS flexbox.
• Pexels: Stock photos and videos.
• The League of Movable Type: Open-source font foundry.
• v86: Run various full operating systems in-browser.
• IT Tools: Handy tools for developers.
• Fontshare: Fonts for personal and commercial use.
• Merklemap: Search subdomains.
• PWA Install Demo: Installation dialog for Progressive Web Applications (PWAs).
• HTML De-crapulator: Does what it says on the tin.
• time.fyi: Time related tools to help you stay productive and organised.
• RedditDB: Shows the time when subreddits are most active.
• magick.css: Minimal CSS framework.
• Svgl: A library of SVG brand logos.
• nomnoml: Draw UML diagrams with a simple syntax.
• Uiverse: Community-built library of UI elements.
• The Bézier Game: Game that teaches use of the pen tool.
• Uisual: Library of website components and templates.
• Wakamai Fondue: Answers the question 'What can my font do?'.
• 3dsvg: Renders a given SVG in three dimensions.
• SQLZoo: Teaches SQL step-by-step.
• OSINT Framework: Provides tons of open source intelligence resources.
• Photopea: Photoshop clone.
• Learn X in Y Minutes: Teaches various things quickly and simply.
• NandGame: Teaches how to build a computer from basic components.
• CodePen: Online front-end playground.
• What length CSS unit should you use?: Informs what CSS unit you should select in various use cases.
• ReliCSS: Helps identify and replace outdated browser-specific CSS hacks with modern, standards-compliant alternatives.
• The Engineering ToolBox: A range of tools and information for technical engineering and design.
• srcl: Open-source component and style repository with terminal aesthetics.
• Kenney: Free game assets.
• Scale: Colour scale generator.
• OpenGameArt.org: Tons of art available for commercial use.
• Free PBR: An obscene amount of free, high-quality PBR materials and textures.
• Freesound: Stock sounds.
• Kay Lousberg: Game assets.
• Quaternius: Game assets.
• Overlay Fact Sheet: Information about web 'accessibility' fact sheets.
• WikiApiary: Information about MediaWiki websites.
• Remix Icon: Huge collection of vector icons.
• Fluid Style: An accessible CSS fluid type generator.
• Free Music Archive: An archive of free music.
• CopyPalette: Create consistent monochromatic colour palettes.
• LandChad.net: Information on how to get your own place on the internet.
• Iconic: Huge collection of vector icons.
• VERT.sh: Comprehensive file converter.
• Color and Contrast.com: Interactive guide to color and contrast.
• ambientCG: Free textures, HDRIs, and more.
• BGJar: SVG background generator.
• Acid Pattern Generator: Techno music generator.
• ColorSpace: Generate a palette from a colour.
• Cool Backgrounds: Backgrounds that are cool.
• Graphite: Full vector graphics editor and animation tool.
• fffuel: Collection of colour tools and SVG generators for gradients, patterns, textures, shapes, and backgrounds.
• Color Hunt: Colour palettes for designers and artists.
• Undesign: Collection of free design tools and resources for makers, developers, and designers.
• Mossaik: Graphic generator.
• Tabbied: Generate patterns from templates.
• RampenSau: Colour generation library that makes use of hue cycling and easing functions to generate pleasing colour ramps.
• Patterninja: Create tiled patterns from icons.
• Eva Design System: Generate colour pallets using deep learning powered algorithm.
• SVGOMG: Optimise SVG files.
• Duotone: Convert images into duotone versions.
• archives.design: Archive of graphic design related items available on the Internet Archive.
• CallToInspiration: Huge amount of UI/UX inspiration.
• collected: New web design inspiration on every visit.
• ColorFlow: Comprehensive mesh gradient editor.
• Palette List: Database of palettes.
• Design Everywhere: An ever-growing collection of carefully curated works from around the world.
• iOS Icon Gallery: Gallery of iOS app icons.
• 60fps: UI/UX design animation inspiration for mobile and web apps.
• Unblast: Selective free design resources to download.
• CSS Spring Easing Generator: Generate springy CSS animations.
• Glyph Drawing Club: Modular design and text art tool, suitable for creating custom type design, illustrations, patterns, and more.
• SVG Filter Maker: A node graph builder for SVG filters.
• Anchor position tool: Tool for visualising CSS position-area.
• mobygratis: Free instrumental music for creators.
• Fountn.: Collection of design resources curated by designers.
• Project Wallace: In-depth CSS analysis.
• The Book of Shaders: Gentle step-by-step guide through Fragment Shaders.
• Design good practices: Standards, conventions, and more to become a better designer.
• Website Headlines (dotcom): Tons of good website headlines for reference.
• Squoosh: Compare differences in image file formats and compression. Good for tuning in the exact level of compression to use.
• Moss: Pixel editor with brushes that feel alive.
• Clippy: CSS clip-path maker
• ColorPalette Pro: Advanced and very hands-on colour palette generator.
• CSS HDR Gradients: Fully featured CSS gradient generator.