Others

85 resources

This category gathers useful front-end resources that do not fit elsewhere: references, cheat sheets, code playgrounds, converters, testing tools and multi-tool collections. Can I Use and the compat-table show browser and JavaScript support, DevDocs combines many API docs in one searchable interface, and CSS-Tricks and CSS Reference explain properties with examples.

For experimenting, CodePen, PlayCode and RunJS let you test front-end code without a local setup, and tldraw is a quick shared sketchpad. Responsively and everysize preview a page at many viewport sizes, DebugBear tests page speed, ShareScan checks Open Graph tags, and A11ygator scans pages against WCAG rules. Shields.io generates README badges and Readme.so helps write the README itself.

The many multi-tool sites, such as IT Tools, Tiny Helpers, Code Beautify and Toolbox Kit, bundle JSON formatters, encoders, regex testers and converters. Prefer tools that process data in the browser when pasting tokens, credentials or customer data, and IT Tools can be self-hosted for team use. Andy Bell's Modern CSS Reset is a good baseline stylesheet for any new project.

Figpeekfigpeek.vercel.app

Figpeek is a new Figma and GitHub thumbnail generator.

Image Extractorextract.pics

Online tool for extracting all images and SVGs of a website, all you is just to drop the URL

Vertopalvertopal.com

Free online platform for converting computer files to a variety of file formats

Free

Docultradocultra.org

Free file converter and PDF toolkit with batch processing up to 10 GB. No signup or watermark, and many conversions run locally in the browser.

FreeNo signup

Devhints.iodevhints.io

This is a modest collection of cheatsheets on Internet

T

The Web Toolboxthewebtoolbox.cc

A collection of handy, free-to-use tools for web developers, programmers and designers.

Free

WebDevTrickwebdevtrick.com

A famous blog for many amazing HTML, CSS, JQuery designs.

css-trickscss-tricks.com

Free CSS tricks and some unique ideas for beginners and advanced

Free
N

Nodesign.devnodesign.dev

A collection of tools for developers who have little to no artistic talent

A11ygatora11ygator.chialab.io

A web tool to scan websites against WCAG rules

C

Commitizencommitizen.github.io

Command line tool to formatted commit messages according to the standards

CleanCsscleancss.com

Tool For Code Formatter, Minifier, File Converter

Tiny helperstiny-helpers.dev

A collection of free single-purpose online tools for web developers

Free
D

DevUtilstyr1105.github.io

10 free online developer tools (JSON formatter, Base64, JWT debugger, hash generator, regex tester, color converter, markdown preview, etc.) — no login required.

FreeNo signup

Can I Usecaniuse.com

Check cross-browser compatibility of frontend technologies.

K

kangax-js-compat-tablecompat-table.github.io

Check JavaScript versions (ES5, ES6, ES2016+ etc.) compatibility across different compilers, servers/runtimes and platforms (Desktop and Mobile).

mydevice.iomydevice.io

Most commonly used device resolutions including phones and tablets

Codepencodepen.io

Build, test and discover frontend code.

Responsivelyresponsively.app

A tool for designers and frontend developers to design and debug their in all platforms with ease

H

html2pdf.jsekoopmans.github.io

Client-side HTML-to-PDF rendering using pure JS.

CSS Referencecssreference.io

A collection of all css properties and definitions in detail

SVG Gobblerrossmoody/svg-gobbler

Browser extension to find SVGs on a webpage and download, copy to clipboard, or export as PNG.

Open source1.1kupdated today

shortcode.devshortcode.dev

A collection of useful snippets and code examples for HTML, CSS, JavaScript, Node, Artisan, Blade and more.

30secondsofcode.org30secondsofcode.org

A wide variety of snippet and article collections for CSS, JavaScript, Python and more.

PlayCodeplaycode.io

Javascript playground.

Vue Telemetryvuetelemetry.com

Reveal the Vue plugins and technology stack powering any website or explore a database of 5500+ websites.

Grid.jsgridjs.io

Grid.js is a Free and open-source HTML table plugin written in TypeScript. It works with most JavaScript frameworks, including React, Angular, Vue and VanillaJs.

FreeOpen source

Gerillassgerillass.com

Gerillass is a website development tool built on top of Sass with a set of Sass mixins and functions for frontend developers to generate scalable CSS outputs.

Sketchizesketchize.com

Sketchize is built for UI/UX Designers to help them design lovely apps for mobile, tablet, and desktop devices.

{CSS}Portalcssportal.com

CSSPortal is home to a large range of CSS generators, tools and resources.

GlimNeoPanic/Glim

Free, open-source macOS viewer for SVGs, images, Markdown, JSON, CSV and source code in one workspace.

FreeOpen source13updated today

DevDocsdevdocs.io

DevDocs combines multiple API documentations in a fast, organized, and searchable interface.

papersizespapersizes.io

The best resource for International Paper Sizes, Dimensions & Formats.

flexboxfroggyflexboxfroggy.com

Help Froggy and friends by writing CSS code!

Designbetter Booksdesignbetter.co

Essential reading on the practices that propel the best design teams forward.

OverAPIoverapi.com

Collection Of All Cheat Sheets.

Pageclippageclip.co

A server for your Static HTML forms

Shieldsshields.io

Create badges with your own customization.

Bootstrap CheatSheetbootstrap-cheatsheet.themeselection.com

An interactive list of Bootstrap classes, variables, and mixins. The only Bootstrap CheatSheet you will ever need.

QR Code Generatormarkodenic.com

Use QR Code Generator to easily create a QR code for your project.

PapersDBpapersdb.com

The Biggest Paper Database with Sizes, Dimensions and Formats in Metric and Imperial units.

SETools.xyzsetools.xyz

Free Online tools website for work

Free
S

SmallDev.toolssmalldev.tools

Free tool for developers to help with Beautify & Minify HTML/CSS/Javascript, and many other handy tools. With a delightful interface.

Free

Angry Toolsangrytools.com

Free web tools for speed up your development.

Free

Rapid APIrapidapi.com

Discover and connect to thousands of APIs.

Readme.soreadme.so

The easisest way to create a README.

Showcodeshowcode.app

Beautiful code screenshot generator.

tldrawtldraw.com

A tiny little drawing app.

D

devices.cssmarvelapp.github.io

Pure CSS phones and tablets by Marvel App.

Troopltroopl.com

Build and publish a free portfolio in minutes.

Free

Apifoxapifox.cn

Apifox = Postman + Swagger + Mock + JMeter

A Modern CSS Resetpiccalil.li

Resets the css styling of all HTML elements to a consistent baseline across browsers.

C

Clipperlyclipperly.com

All-in-one free online file service, convert, edit and optimize your files.

Free

ShareScansharescan.io

Free checker for Open Graph tags and image URLs across up to 10 pages at once. No account required.

FreeNo signup

Code Beautifycodebeautify.org

Free Online Tools like Code Beautifiers, Code Formatters, Editors, Viewers, Minifier, Validators, Converters for Developers

Free

Vue CheatSheetvue-cheatsheet.themeselection.com

An interactive cheatsheet of Vue, Vue Router, and Pinia. The only Vue CheatSheet you will ever need.

Python Cheat Sheet - CheatGridcheatgrid.com

Free Python quick reference with examples covering core syntax, data structures and object-oriented programming. No account required.

FreeNo signup

appydevappydev.co

A collection of awesome tools, resources and products for people who create and live on the internet.

ExtendsClassextendsclass.com

Free online tools for developers, including image compressors/encoders, code formatters, code playgrounds, and many other handy utilities.

Free

RunJSrunjs.app

Free online JavaScript playground.

Free

Pillarstackpillarstack.com

Assorted resources for frontend developers and web designers.

ToolsHreftoolshref.com

Online Java code analyzer, JSON-to-Mermaid visualization tool, and multiple developer tools.

Toolbox Kittoolbox-kit.com

150+ free browser-based developer tools: JSON formatter, diff checker, regex tester, JWT decoder, CSS generators, SVG optimizer, color tools, and hash/QR generators. Runs client-side, no signup.

FreeNo signup

ToolsNovatoolsnova.net

155+ free browser-based utilities for developers and designers, plus a large prompt library. No signup required, and it works offline as a PWA.

FreeNo signup

A1Laba1lab.tech

Free interactive coding tutorials and browser-based practice for Python, C++, SQL, and web development.

Free

Calculoracalculora.net

Free web-based calculator platform with 300+ tools across 21 categories, including finance, math, science, health, and developer utilities. Available in 26 languages.

Free

A11y Starter Kita11y-starter-kit.vercel.app

A free, open-source Next.js accessibility starter kit with WCAG 2.1 AA compliant components, keyboard navigation, and screen reader support

FreeOpen source
O

onHTML.comonhtml.com

Free online HTML/CSS/JS live editor bundled with 60+ developer tools (JSON formatter, regex tester, JWT decoder, color picker, gradient maker, image compressor, base64 encoder). Client-side, no signup.

FreeNo signup

JSON Viewer Tooljsonviewertool.com

Free online JSON viewer, formatter, validator and converter (CSV, Excel, YAML, XML). Runs fully in the browser.

Free

ToolCascadetoolcascade.com

80+ free browser-based tools: PDF merge/split, image converters, CSS generators, minifiers, timers, and unit converters. Everything runs client-side — no signup, files never leave your device.

FreeNo signup

IT Toolsit-tools.tech

Free, open-source collection of browser utilities for developers and IT professionals, with optional self-hosting.

FreeOpen source

BestJSONbestjson.com

Free browser tools to format, validate, repair, compare and convert JSON locally, with no account required.

FreeNo signup

Urban Mixourbanmixo.online

100+ free, client-side developer utilities: JSON formatter, RFC 9562 UUIDv7 generator, SHA-256/512 hashes, Base64 converter, color tools, and text utilities.

Free

Tool Kumartools.vikasmaur.com

Free browser-based JSON viewer, formatter, validator, repair tool and document comparison. Processes JSON locally with tree and table views, no account required.

FreeNo signup

LaunchCheck source preflightlaunch.7eventeen.dev

Free browser-local checker with 10 HTML source heuristics and source-order element cues. No account, purchase or source upload required.

FreeNo signup

Free for Creatorsskyzhao1223/free-for-creators

A curated, license-transparent directory of free creator assets (music, SFX, footage, photos, fonts, icons, LUTs, mockups, 3D) with license, attribution, monetization and sign-up stated per entry. CC0 data, JSON API, link-checked weekly.

FreeOpen source36updated 5d ago

Formgong HTML Form Generatorformgong.com

Builds a plain HTML form (labels, required fields, a spam honeypot, no framework classes) from fields you pick, and gives you the code to copy. No account needed.

No signup

Built on the open bradtraversy/design-resources-for-developers list by its contributors, licensed MIT. Design Resources for Developers is an independent project, not affiliated with the list's maintainers.

About Synced Oct 16, 2026

© 2026 Design Resources for Developers

Esc

Type to search every entry. ↑↓ to move, Enter to open.