CSS hosting html javascript resources tools

50 free tools and resources (Part 2)

50 Free Tools and Resources (Part 2)
by Marko Denic | December 21, 2020

Free stuff is always exciting. But, what if it is free and awesome? Free tools and resources you’re gonna love. Part 2.

1. TailGrids

Ready to use high-quality UI Components and Blocks crafted for Tailwind CSS. Copy-paste components and build your unique web app UI, landing page, website, or site templates.

Link: https://tailgrids.com/

2. Javascript.info

Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including closures, document and events, object-oriented programming, and more.

Link: https://javascript.info/

3. HTMLrev

Free HTML templates that save development time and elevate project design for websites and landing pages.

Link: https://htmlrev.com/

4. Markdown Preview

Markdown Editor with instant preview using GitHub CSS.

Link: https://freecodetools.org/markdown-preview/

5. talent.io

talent.io is the simplest way to find your next tech role.

Link: https://www.talent.io/

6. PythonAnywhere

Host, run, and code Python in the cloud: PythonAnywhere.

Link: https://www.pythonanywhere.com/

7. Linkyy

A simple, yet cool place for all your links.

Link: https://linkyy.co/

8. OptimizeImages

With this tool, you can optimize and compress images (PNG, SVG, JPG, GIF), convert them to new formats such as webP or AVIF, and scan your website to check the images that need optimization.

Link: https://www.optimizeimages.com/

9. UIdeck

Free HTML Landing Page Templates, Bootstrap Themes, React Templates, HTML Templates, Tailwind Templates, and UI Kits.

Link: https://uideck.com/

10. Frontend Mentor

Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working on professional designs.

Link: https://www.frontendmentor.io/

11. PlayCSS

Recreate shapes using pure CSS, check out other works and vote your favorite ones.

Link: https://playcss.app/

12. FontPair

Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.

Link: https://fontpair.co/

13. Codewars

Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential.

Link: https://www.codewars.com/

14. Iconshock

Vector files, including PNG and SVG icons. Ready for apps, web, or social media projects.

Link: https://www.iconshock.com/

15. Dev Resources

A collection of resources for developers, categorized and crowdsourced. Learn programming, UI inspiration, job boards, images, icons, and much more.

Link: https://devresourc.es/

16. Web.dev

Get the web’s modern capabilities on your own sites and apps with useful guidance and analysis from web.dev.

Link: https://web.dev/

17. BundlePhobia

Bundlephobia helps you find the performance impact of adding an npm package to your front-end bundle.

Link: https://bundlephobia.com/

18. Scrimba.com

Scrimba is a fun and fast way of learning to code! Our interactive courses and tutorials will teach you React, Vue, Angular, JavaScript, HTML, CSS, and more.

Link: https://scrimba.com/

19. Open Graph Generator

Free online Open Graph Generator tool to generate open graph meta tags for websites or blogs.

Link: https://freecodetools.org/ogp/

20. Free for developers

This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.

Link: https://free-for.dev/

21. Animista.net

Animista is a place where you can play with a collection of ready-to-use CSS animations, tweak them and download only those you will actually use.

Link: https://animista.net/

22. HTTP Status Codes

HTTP Status Code directory, with definitions, details and helpful code references.

Link: https://httpstatuses.com/

23. 3D icons

Over 2050 3D style icons in 4k resolution created by Iconshock, 5 different color palettes & front view as well as an angled perspective view.

Link: https://www.3dicons.com/

24. Learn-anything.xyz

Search Interactive Mind Maps to learn anything.

Link: https://learn-anything.xyz/

25. Responsively App

A dev tool that aids faster and more precise responsive web development.

Link: https://responsively.app/

26. Colormind

Generate color combinations in one click. Colormind creates cohesive color schemes using a deep neural net.

Link: http://colormind.io/

27. SEO Test Tool

Free on-page SEO tool.

Link: https://seotest.me/

28. Render

Render is a unified platform to build and run all your apps and websites with free SSL, global CDN, private networks and auto deploys from Git.

Link: https://render.com/

29. Carbon.sh

Carbon is the easiest way to create and share beautiful images of your source code.

Link: https://carbon.now.sh/

30. Regex Pal

Test your Javascript and PCRE regular expressions online.

Link: https://www.regexpal.com/

31. JSONLint

JSONLint is the free online validator and reformatter tool for JSON, a lightweight data-interchange format.

Link: https://jsonlint.com/

32. W3Layouts

Design a great-looking website with our free website templates. All our web templates are responsive and built with Bootstrap, HTML, CSS, and JS.

Link: https://w3layouts.com/

33. Freepik

Millions of Free Graphic Resources. ✓ Vectors ✓ Stock Photos ✓ PSD ✓ Icons ✓ All that you need for your Creative Projects.

Link: https://www.freepik.com/

34. Mixkit

Free Stock Video Footage, Stock Music & Premiere Pro Templates for your video project.

Link: https://mixkit.co/

35. Unscreen

Remove the background of any video – 100% automatically, online & free! Goodbye Greenscreen. Hello Unscreen.

Link: https://www.unscreen.com/

36. Avataaars Generator

A free online avatar generator for anyone to make their beautiful personal avatar easily!

Link: https://getavataaars.com/

37. Remix Icon

Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.

Link: https://remixicon.com/

38. Ikonate

Customise, adjust and download free vector icons. Ikonate is an adaptable set of optimized, accessible SVG icons that users can easily use in both development and design apps such as Sketch and Photoshop. Ready to use as images, inline SVGs or SVG sprites.

Link: https://ikonate.com/

39. Open Doodles

A library of sketchy illustrations of people free for personal and commercial use.

Link: https://www.opendoodles.com/

40. QR Code Generator

Use this QR code generator to easily create a QR code for your project.

Link: https://markodenic.com/tools/qr-code-generator/

41. Devhints

A ridiculous collection of web development cheat sheets.

Link: https://devhints.io/

42. Wappalyzer

Find out the technology stack of any website. Create lists of websites and contacts by the technologies they use.

Link: https://www.wappalyzer.com/

43. Tailwind Components

Tailwind CSS examples from components by the community. Tailwind chart, grids, inputs, forms, templates, and much more.

Link: https://tailwindcomponents.com/

44. https://www.grammarly.com/

Communicate With Impact. Ensure Everything You Write Comes Across The Way You Intend. Present Your Best Self Every Time You Type. Make Your Writing Clear and Engaging. Eliminate grammar errors. Easily improve any text.

Link: https://www.grammarly.com

45. Wave

Free invoicing & accounting software with credit card processing & payroll services.

Link: https://www.waveapps.com/

46. Clockify

The time tracking software used by millions. A simple time tracker and timesheet app that lets you track work hours across projects.

Link: https://clockify.me/

47. Untools

Collection of thinking tools and frameworks to help you solve problems, make decisions, and understand systems.

Link: https://untools.co/

48. Free Logo Maker

Make a custom logo in minutes using our free online app. Design your own logo for a website or business with Namecheap.

Link: https://www.namecheap.com/logo-maker/

49. TinyPNG

Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!

Link: https://tinypng.com/

50. Pulsetic

Get website downtime alerts by SMS, phone call, Slack, Telegram, or email. Free uptime monitoring tool, SSL alerts, and beautiful status pages with incident notifications.

Did you like this article? Share it with your friends: