My Frontend Tools

Get All The Frontned - Designing, Development, and UI/UX Tools You Need In One Place

Color Palette Generator / Gradient Tools

ColorSpace

Color Palettes Generator and Color Gradient Tool

Gradient to Image maker | Angry Tools

Multilayer gradient generator provides gradient with layers support, It also create PNG transparent images, base64 image code and CSS with linear and radial orientation.

Angry Tools | Web Tools

Free web tools for speed up your development

Color Hex Color Codes

Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names!

Code Beautify

Code Formatter, JSON Beautifier, XML Viewer, Hex Converters and more...

HTML Color Picker

Create and choose thousands of shades of colors as per your requirement.

HTML Color Codes

Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names. Let's go!

CSS Gradient - Generator, Maker, and Background

As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.

CSS Text Gradient Generator

A fun little generator...this online tool will create CSS Text Gradients. If you want add a bit of color to your headings or text, then just use this generator to create the CSS code that can then be used in your webpages.

SYMBOLS / LOGOS / FONTS / ICONS

HTML Symbols

Symbols or letters that are not present on your keyboard can be added to HTML using entities.

Browse Fonts - Google Fonts

Making the web more beautiful, fast, and open through great typography

Material Symbols & Icons - Google Fonts

Material Symbols are the newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.

Documentation and Tutorials

DevDocs API Documentation

Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app: HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++…

Learn HTML - Free Interactive HTML Tutorial

Learn HTML provides an interactive tutorial that explains how to build HTML & CSS websites step by step.

W3Schools Online Web Tutorials

Learn to Code with the world's largest web developer site.

Learn to Code HTML & CSS

Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.

HTML Reference

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

Web technology for developers | MDN

The open Web presents incredible opportunities for developers. To take full advantage of these technologies, you need to know how to use them.

Frontend interview preparation

The great way to prepare for Front End Interviews | GreatFrontEnd

The great way to prepare for front end interviews. 200+ of the most important questions — from building user interfaces in popular front end frameworks to system design.

Front End Interview Handbook for Busy Engineers

Front end interview preparation resources for busy engineers - quiz questions, JavaScript coding questions, algorithms questions, front end system design questions and more.

TUF+ | Best DSA Course Ever

Elevate Your Learning Journey with TUF+ Course.
Curated learning, approach-wise solutions, personalized roadmaps, expert doubt assistance, and more!

Blogs / Books / Courses

Free Programming Books - Goalkicker

Programming Notes for Professionals books

Web colors - Wikipedia

Web colors are colors used in displaying web pages on the World Wide Web. Know more...

RGB Color - HTML and CSS Guide

WChoosing the right color for your web design project is a serious endeavour. A color scheme can often make or break a site's overall appearance.

The Hexadecimal Number System Explained

Hexadecimal numbers, often shortened to “hex numbers” or “hex”, are numbers represented in base 16 as opposed to base 10 that we use for everyday arithmetic and counting.

The Complete Web Design Course ™ [No prior experience required]

The best resource to learn web design skills and the web design business.
100% Beginner Friendly. No prior experience required.
Taught by someone who actually makes a living selling web design and not some academic college professor who've never sold a website before.