tiny-helpers-–-collection-of-free-online-tools-for-web-developers
  • Screenshot of Accessible Brand Colors

    Accessible Brand Colors

    Evaluate the ADA compliance of your brand’s color palette.

    Go to Accessible Brand Colors

  • Screenshot of AST explorer

    AST explorer

    Explore the ASTs generated by various parsers

    Made by

    • GitHub profile image of fkling

    Go to AST explorer

  • Screenshot of BA Rows To Columns

    BA Rows To Columns

    Transform rows to columns and viceversa

    Made by

    • GitHub profile image of brakon

    Go to BA Rows To Columns

  • Screenshot of Base64 Converter

    Base64 Converter

    Base64 encode everything

    Made by

    • GitHub profile image of progers

    Go to Base64 Converter

  • Screenshot of Batch 301

    Batch 301

    Validate a collection of urls redirect chain and status codes

    Made by

    • GitHub profile image of moshie

    Go to Batch 301

  • Screenshot of carbon

    carbon

    Create and share beautiful images of your source code

    Go to carbon

  • Screenshot of Clippy

    Clippy

    Create CSS clip paths

    Made by

    • GitHub profile image of bennettfeely

    Go to Clippy

  • Screenshot of Color.review

    Color.review

    Check your color contrast

    Go to Color.review

  • Screenshot of Contrast Checker

    Contrast Checker

    Check your color palette for accessible combinations

    Made by

    • GitHub profile image of crgeary

    Go to Contrast Checker

  • Screenshot of Eightshapes Contrast Grid

    Eightshapes Contrast Grid

    Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast.

    Go to Eightshapes Contrast Grid

  • Screenshot of cryptii.com

    cryptii.com

    Convert and encode text quickly

    Made by

    • GitHub profile image of ffraenz

    Go to cryptii.com

  • Screenshot of CSS Cursors

    CSS Cursors

    Have a look at all these CSS Cursors

    Made by

    • GitHub profile image of wesbos

    Go to CSS Cursors

  • Screenshot of CSS Grid Generator

    CSS Grid Generator

    Define and generate code for CSS Grid layouts

    Made by

    • GitHub profile image of sdras

    Go to CSS Grid Generator

  • Screenshot of CSS Scroll Shadows

    CSS Scroll Shadows

    Create CSS scroll shadows

    Made by

    • GitHub profile image of stefanjudis

    Go to CSS Scroll Shadows

  • Screenshot of CSS Stats

    CSS Stats

    Analytize and visualize your stylesheets

    Go to CSS Stats

  • Screenshot of CSS Triangle Generator

    CSS Triangle Generator

    Create CSS-only triangles

    Go to CSS Triangle Generator

  • Screenshot of cubic-bezier

    cubic-bezier

    Create and compare different animation bezier settings

    Made by

    • GitHub profile image of LeaVerou

    Go to cubic-bezier

  • Screenshot of Explain Shell

    Explain Shell

    Write down a command-line to see the help text that matches each argument

    Made by

    • GitHub profile image of idank

    Go to Explain Shell

  • Screenshot of extractCSS

    extractCSS

    Extract CSS from HTML with ease

    Made by

    • GitHub profile image of adnantopal

    Go to extractCSS

  • Screenshot of Fancy-Border-Radius

    Fancy-Border-Radius

    Build organic shapes with CSS border-radius

    Made by

    • GitHub profile image of enbee81

    Go to Fancy-Border-Radius

  • Screenshot of Favicon Generator. For real.

    Favicon Generator. For real.

    Generate favicons for all platforms

    Go to Favicon Generator. For real.

  • Screenshot of favicon.io

    favicon.io

    Create a facivon in a few clicks

    Go to favicon.io

  • Screenshot of Flexy Boxes

    Flexy Boxes

    Play with flexbox and generate code

    Made by

    • GitHub profile image of peteboere

    Go to Flexy Boxes

  • Screenshot of Font Squirrel Webfont Generator

    Font Squirrel Webfont Generator

    Modify, improve, trim, change and export your fonts in modern formats

    Go to Font Squirrel Webfont Generator

  • Screenshot of FontDrop!

    FontDrop!

    View the content of a font file

    Made by

    • GitHub profile image of raphaelbastide

    Go to FontDrop!

  • Screenshot of Fonty

    Fonty

    Test web fonts directly on live sites

    Go to Fonty

  • Screenshot of google-webfonts-helper

    google-webfonts-helper

    Self host your Google Fonts

    Made by

    • GitHub profile image of majodev

    Go to google-webfonts-helper

  • Screenshot of Hero Patterns

    Hero Patterns

    Find SVG background patterns for you to use on your web projects.

    Made by

    • GitHub profile image of sschoger

    Go to Hero Patterns

  • Screenshot of HTTProfile

    HTTProfile

    Profile HTTP servers and endpoints

    Made by

    • GitHub profile image of tommyschaefer

    Go to HTTProfile

  • Screenshot of JavaScript Array Explorer

    JavaScript Array Explorer

    Find the array method you need without digging through the docs

    Made by

    • GitHub profile image of sdras

    Go to JavaScript Array Explorer

  • Screenshot of Json Web Token (jwt.io) Debugger

    Json Web Token (jwt.io) Debugger

    Debug, Validate Json Web tokens (jwt)

    Go to Json Web Token (jwt.io) Debugger

  • Screenshot of Let's Enhance.io

    Let’s Enhance.io

    Improve colors, remove compression and upscale your image

    Go to Let’s Enhance.io

  • Screenshot of Maskable.app

    Maskable.app

    Preview and create maskable icons in the browser

    Made by

    • GitHub profile image of NotWoods

    Go to Maskable.app

  • Screenshot of Meta Tags

    Meta Tags

    With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!

    Made by

    • GitHub profile image of moeamaya

    Go to Meta Tags

  • Screenshot of Mocky

    Mocky

    Mock your HTTP responses to test your REST API

    Made by

    • GitHub profile image of julien-lafont

    Go to Mocky

  • Screenshot of Nicen

    Nicen

    Make your code look nicer

    Made by

    • GitHub profile image of akx

    Go to Nicen

  • Screenshot of Postwoman

    Postwoman

    Create and make requests faster and save time on your development

    Made by

    • GitHub profile image of liyasthomas

    Go to Postwoman

  • Screenshot of RegExr

    RegExr

    Learn, build, & test Regular Expressions

    Made by

    • GitHub profile image of gskinner

    Go to RegExr

  • Screenshot of regular expresssions 101

    regular expresssions 101

    Learn, build, & test Regular Expressions

    Made by

    • GitHub profile image of firasdib

    Go to regular expresssions 101

  • Screenshot of removebg

    removebg

    Remove backgrounds 100% automatically in 5 seconds with zero clicks

    Go to removebg

  • Screenshot of Responsive Breakpoints

    Responsive Breakpoints

    Create responsive breakpoints for your images and get the adequate HTML them

    Go to Responsive Breakpoints

  • Screenshot of Shadows

    Shadows

    Create smooth CSS shadows

    Made by

    • GitHub profile image of brumm

    Go to Shadows

  • Screenshot of shapecatcher.com

    shapecatcher.com

    Draw a character and get the Unicode character glyph

    Go to shapecatcher.com

  • Screenshot of Shapy

    Shapy

    Discover and explore the power of CSS gradients

    Made by

    • GitHub profile image of vicbergquist

    Go to Shapy

  • Screenshot of Smart Swatch Generator

    Smart Swatch Generator

    Generate smart unique color palette without pain

    Made by

    • GitHub profile image of ivan-dalmet

    Go to Smart Swatch Generator

  • Screenshot of snippet generator

    snippet generator

    Generate snippets for VSCode, Sublime Text and Atom

    Made by

    • GitHub profile image of pawelgrzybek

    Go to snippet generator

  • Screenshot of Squoosh

    Squoosh

    Make images smaller using best-in-class codecs, right in the browser

    Go to Squoosh

  • Screenshot of SSL Server Test

    SSL Server Test

    Perform a deep analysis of the configuration of any SSL web server on the public Internet

    Go to SSL Server Test

  • Screenshot of SVGOMG

    Made by

    • GitHub profile image of jakearchibald

    Go to SVGOMG

  • Screenshot of Tailwind CSS Cheat Sheet

    Tailwind CSS Cheat Sheet

    Quick search through Tailwind classes and styles

    Made by

    • GitHub profile image of nerdcave

    Go to Tailwind CSS Cheat Sheet

  • Screenshot of tanaguru contrast finder

    tanaguru contrast finder

    Find good constrasts between two colors

    Made by

    • GitHub profile image of Tanaguru

    Go to tanaguru contrast finder

  • Screenshot of Tint & Shade Generator

    Tint & Shade Generator

    Display tints and shades of a given hex color in 10% increments

    Made by

    • GitHub profile image of edelstone

    Go to Tint & Shade Generator

  • Screenshot of Transform

    Transform

    Transform code into something else

    Made by

    • GitHub profile image of ritz078

    Go to Transform

  • Screenshot of type-scale

    type-scale

    Calculate your type scale visually

    Made by

    • GitHub profile image of jeremychurch

    Go to type-scale

  • Screenshot of Unicode Character Search

    Unicode Character Search

    Seach a Unicode Character

    Go to Unicode Character Search

  • Screenshot of Unicode Code Converter

    Unicode Code Converter

    Convert Unicode symbols into other formats

    Go to Unicode Code Converter

  • Screenshot of unilist

    unilist

    Have a look at the Unicode character list

    Made by

    • GitHub profile image of raphaelbastide

    Go to unilist

  • Screenshot of URL-encoder for SVG

    URL-encoder for SVG

    URL-encode your SVGs

    Made by

    • GitHub profile image of yoksel

    Go to URL-encoder for SVG

  • Screenshot of Wakamai Fondue

    Wakamai Fondue

    Inspect what your fonts can do

    Made by

    • GitHub profile image of RoelN

    Go to Wakamai Fondue

  • Screenshot of WhoCanUse

    WhoCanUse

    Check you color contrast ratio

    Made by

    • GitHub profile image of coreyginnivan

    Go to WhoCanUse

  • Screenshot of ⌘ C

    ⌘ C

    Copy special characters to your clipboard

    Go to ⌘ C

  • Leave a Reply

    Your email address will not be published. Required fields are marked *