50 free tools and resources you're gonna love!

🧵

1. UI Garage
Daily UI inspiration & patterns for designers, developers to find inspiration, tools and the best resources for your project.

Link: https://t.co/JKRrXgA1TQ
2. Remove bg
Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free.

Link: https://t.co/dmCUlXSZkx
3. uiGradients
A handpicked collection of beautiful color gradients for designers and developers.

Link: https://t.co/f4uWjK068e
4. Blender
Free and Open 3D Creation Software.

Link: https://t.co/pqIiv5MTod
5. Edabit
Learn to code with fun, bite-sized challenges. Gain XP, unlock achievements and level up. It's like Duolingo for learning to code.

Link: https://t.co/ZZtwip0WRn
6. Coolors
Generate or browse beautiful color combinations for your designs.

Link: https://t.co/xjBvSagfMu
7. https://t.co/2QaLXtzYGT
Build Your Ajax Loading Icons, Animated Text and More with SVG / CSS / GIF / PNG !

Link: https://t.co/lN9cwEYN4N
8. DevSamples
DevSamples is a list of code samples for you to copy and paste into your projects as needed. The primary focus is on web development, but there are samples from a variety of languages.

Link: https://t.co/LFOaPJwCt2
9. Lorem Picsum
Lorem Ipsum... but for photos

Link: https://t.co/Uo2UBU177I
10. Netlify
Deploy modern static websites with Netlify. Get CDN, Continuous deployment, 1-click HTTPS, and all the services you need. Get started for free.

Link: https://t.co/wFlot4uKQf
11. Pxfuel
Millions of public domain stock photos released under creative commons zero license, all are free for commercial use.

Link: https://t.co/lveQTmB1zq
12. Font Awesome
The world’s most popular and easiest to use the icon set just got an upgrade. More icons. More styles. More Options.

Link: https://t.co/lfIldCbA5F
13. GTmetrix
GTmetrix is a free tool that analyzes your page's speed performance. Using PageSpeed and YSlow, GTmetrix generates scores for your pages and offers actionable recommendations on how to fix them.

Link: https://t.co/TwcpSIyMxY
14. https://t.co/Obv93ZAjqo
At https://t.co/Obv93ZAjqo, you can build a professional resume that highlights your best qualities so you can land your dream job without any out of pocket expenses. Applying for jobs shouldn't cost you money.

Link: https://t.co/9JpSperidP
15. https://t.co/gL0hEIrsDb
https://t.co/gL0hEIrsDb is the easiest way to stay updated on the latest programming news. It's a feed of articles that's ranked by a massive community of developers.

Link: https://t.co/YaP5uDtHa5
16.DevDocs
Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app: HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++…

Link: https://t.co/UiOAFbTZL7
17. Feather Icons
Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

Link: https://t.co/G72YOsvVVl
18. https://t.co/ICJf5LOmta
A collection of useful snippets and code examples. Elements, attributes and selectors.

Link: https://t.co/9UMACnmYgt
19. Canva
Create beautiful designs with your team. Use Canva's drag-and-drop feature and layouts to design, share and print business cards, logos, presentations and more.

Link: https://t.co/47fg7CqdXX
20. https://t.co/wGvKlAo7bx
mockuper, the free mockups generator to create custom images to show your awesome works.

Link: https://t.co/aox3mEf6JR
21. CSS Nectar
CSS Nectar is a css website design showcase for web designers and developers. Every day we select the best of the web design and add it to our gallery.

Link: https://t.co/KPXuJ5gYnT
22. BGJar
Free SVG background generator for your websites, blogs and apps.

Link: https://t.co/C4mEDbiU7q
23. Photopea
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!

Link: https://t.co/MMLZcGhCzN
24. Vercel
Deploy web projects with the best frontend developer experience and highest end-user performance.

Link: https://t.co/UrHnnfRHO5
25. fun-javascript-projects
Learn Javascript for free in a practical, project-based approach.

Link: https://t.co/idNCRotN31
26. Flaticon
3743500+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT. Thousands of free icons in the largest database of free vector icons!

Link: https://t.co/qtiwInhG6Q
27. Awesome Python
A curated list of awesome Python frameworks, libraries and software.

Link: https://t.co/M9myGJbttW
28. CSS Reference
CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

Link: https://t.co/2iVGZt50Jz
29. https://t.co/SsWNl4D5Zc
The five best design links, every weekday.

Link: https://t.co/K3FhPvnDzc
30. Grid by Example
Everything you need to learn CSS Grid Layout.

Link: https://t.co/WGxECi139d
31. Heroicons
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

Link: https://t.co/XTRhp0MI0x
32. Latency
Free global latency performance testing tool.

Link: https://t.co/lCekAezw1l
33. We Work Remotely
Remote jobs in design, programming, marketing and more.

Link: https://t.co/E7Pzqhwwav
34. Unsplash
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.

Link: https://t.co/3UOj8QS8Yr
35. Simple Icons
1400+ Free SVG icons for popular brands.

Link: https://t.co/iyWl6XrGXv
36. CSS Stats
CSS Stats provides analytics and visualizations for your stylesheets.

Link: https://t.co/fLzTEuYbXy
37. https://t.co/tekJL4SNhi
Compress and compare images with different codecs, right in your browser.

Link: https://t.co/rvvug3KGye
38. Fast design
The adaptive interface system for modern web experiences.

Link: https://t.co/09QEtUPia2
39. Tabler Icons
800+ Highly customizable & free SVG icons.

Link: https://t.co/2hZOqMcpMS
40. unDraw
The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.

Link: https://t.co/MjXXh1FVud
41. Figma
Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.

Link: https://t.co/Ijg7EXMqnY
42. Hashnode
Hashnode is a free content creation platform and community that allows you to publish articles on your own domain and helps you stay connected with a growing developer community.

Link: https://t.co/hS1wm6Xiqq
43. Free CSS
Free CSS has 3133 free website templates, all templates are free CSS templates, open source templates or creative commons templates.

Link: https://t.co/sdQS82TafQ
44. DrawKit
Free vector SVG illustrations for you to use on your next project, no attribution required! Vector illustrations, packs, icons and more.

Link: https://t.co/mI6d9ADfId
45. Public APIs
A collective list of more than 1000 Free Public and Open REST APIs for developers like movie APIs, Anime APIs, weather APIs, music APIs, games and comics APIs, currency APIs, sports APIs, science APIs, open data APIs, etc.

Link: https://t.co/wjvRRRoHuG
46. https://t.co/FP9AGdwVY2
Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled-components, Figma and Adobe XD. Easy integration: Embed, NPM & API.

Link: https://t.co/Oem76C3Wcm
47. Jr.DevJobs
Jobs for Junior Developers

Link: https://t.co/EuwcwtFOq2
48. Notion
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.

Link: https://t.co/cnHMFctSxT
49. https://t.co/gG3699sS3w
PNG compression and optimization tool to compress PNG images into PNG-8 format with transparency support

Link: https://t.co/cyyrcZUFkY
50. https://t.co/wTpIQn4Gbr
Optimize and compress JPEG, PNG, SVG, GIF and WEBP images online. Compress, resize and rename your photos for free.

Link: https://t.co/DYA3q0rOtH
If you like this thread, maybe you'd love to bookmark it as a post { via @hashnode }:

https://t.co/lwIWtCmCAk

More from Marko ⚡ Denic

8 free APIs for you projects:

1/ Unsplash (@unsplash)

Create with the largest collection of high-quality images that are free to use.

https://t.co/1i5msm2AjF


2/ Marvel (@Marvel)

The Marvel Comics API allows developers everywhere to access information about Marvel's vast library of comics—from what's coming up, to 70 years ago.

https://t.co/2BwomES1VP


3/ NASA (@NASA)

The objective of this API is to make NASA data, including imagery, eminently accessible to application developers.

https://t.co/BWZSOKK7bU


4/ Weather (@OpenWeatherMap)

Simple and fast and free weather API from OpenWeatherMap you have access to current weather data, hourly, 5- and 16-day forecasts.

https://t.co/EaenYRCgw9
You can use CSS generators to avoid some time-consuming, routine tasks.

I made a collection of the best CSS generators for you.

🧵

1. Neumorphism/Soft UI generator

CSS code generator that will help with colors, gradients, and shadows to adopt this new design trend or discover its possibilities.

Link:
https://t.co/7RHie6RuK3


2. Smooth Shadow generator

Built by @funkensturm.

Link: https://t.co/NNuBGLCtF5


3. Fancy Border Radius Generator

Generator to build organic shapes with CSS3 border-radius.

Built by @supremebeing09

Link: https://t.co/s4zT1hMWP7


4. Easing Gradients

Supercharge your gradients with a non-linear color mix and custom color spaces.

Built by @larsenwork

Link: https://t.co/8Nn952uPRX

More from Internet

You May Also Like