Front End Resources

For Front-End Developers and Designers
Cover for Who Can Use

Who Can Use

A tool that brings attention and understanding to how color contrast can affect people with different visual impairments

Cover for VISIWIG Vector Pattern Generator

VISIWIG Vector Pattern Generator

Customize seamless patterns and export for the web or your favorite vector software

Cover for VISIWIG Indie Icons

VISIWIG Indie Icons

Copy/Paste icons into HTML, CSS, or Illustrator

Cover for Type Fluidity

Type Fluidity

Calculate fluid typography sizes

Cover for The good colors

The good colors

Create a color palette using OKLCH, ensuring consistent perceptual changes in lightness and chroma

Cover for Tailwind CSS Color Generator

Tailwind CSS Color Generator

Generate, edit, save and share Tailwind CSS color shades

Cover for SVGViewer

SVGViewer

An online tool to view, edit and optimize SVGs

Cover for Super Designer Tools

Super Designer Tools

A collection of free design tools to create unique backgrounds, patterns, shapes, images, and more

Cover for Softr YouTube Thumbnail Downloader

Softr YouTube Thumbnail Downloader

A free tool for instantly grabbing and downloading any YouTube thumbnail

Cover for Softr SVG Wave Generator

Softr SVG Wave Generator

Create Beautiful SVG Waves

Cover for Softr SVG Shape Generator

Softr SVG Shape Generator

Create Beautiful SVG Shapes

Cover for Realtime Colors

Realtime Colors

Visualize Your Colors & Fonts On a Real Site

Join the Front End News family

Receive the latest #FrontEndNews straight in your inbox, every Monday.

No spam, ever! Your email won't be shared with anyone else and you can opt-out at any time.