| https://picsum.photos/ |
Lorem Picsum is a placeholder generator for pictures, with lots of customization options. Provide parameters for your images directly in the URLs. |
| Remove Background from Image – remove.bg |
Remove the background of any photo automatically. Just select your image and instantly download the resulting image with the background removed. |
| Free Profile Picture Maker - Create an awesome profile pic from any photo (pfpmaker.com) |
PFPMaker generates professional profile pics from any photo. It uses background removal AI, beautifies your photo, and generates dozens of profile pic variations automatically. |
| Compressor.io - optimize and compress JPEG photos and PNG images |
One of the most efficient image compressors out there with a modern-looking UI. |
| Gradient Backgrounds – 🌈 The Best Gradient Sites All in One Place (cssgradient.io) |
CSS Gradient makes it dead simple to create fresh web gradients. Includes a collection of tools to help you level up your gradient game. |
| Neumorphism/Soft UI CSS shadow generator |
Neumorphic shapes look incredible but are difficult to create. This generator makes it easy to create the shapes you’ve envisioned. |
| Animista - CSS Animations on Demand |
Animista is a great tool for creating custom CSS animations with various effects. Once you created your animation, generate the code and integrate it into your project. |
| Fontjoy - Generate font pairings in one click |
Fontjoy finds interesting font pairings using the embedding layer of a neural net. Click a button and a unique pairing is served upon our minimal interface. |
| [Logoipsum |
Free Placeholder Logo For Your Design Mock-up](https://logoipsum.com/) |
| [Carbon |
Create and share beautiful images of your source code](https://carbon.now.sh/) |
| Create beautiful images of your code (ray.so) |
Create and share beautiful images of your source code. |
| [Poet.so |
Create Beautiful Images of Twitter Posts](https://poet.so/) |
| [BrowserFrame |
Wrap screenshots in browser frames](https://browserframe.com/) |
| Screely - Generate Website Mockups |
Easily wrap screenshots in browser frames. Drag-drop support. Generate screenshot from URL. Customize padding, scaling, background color. |
| Box Shadows (box-shadow.dev) |
Create modern-looking shadows. Edit their horizontal and vertical offsets, blur, and spread radiuses. Once you are done, generate the code and use it in your project. |
| readme.so |
The editor allows you to quickly add and customize all the sections you need for your project's README. |
| Meta Tags — Preview, Edit and Generate |
A tool to debug and generate meta tag code for any website. Preview how your webpage will look on Google, Facebook, Twitter, and more. |
| The best Favicon Generator (completely free) - favicon.io |
Create a favicon in a few clicks from text, image, or emoji. |
| Unminify JS, CSS, HTML, XML and JSON Code |
Free tool to unminify (unpack, deobfuscate) JavaScript, CSS, HTML, XML and JSON code, making it readable and pretty. |
| [iLovePDF |
Online PDF tools for PDF lovers](https://www.ilovepdf.com/) |
| CSS Shadow Palette Generator (joshwcomeau.com) |
Shadow palette |
| SvgPathEditor (yqnn.github.io) |
svg editor |
| [BGJar |
Free svg background image generator for your websites](https://bgjar.com/) |
| is a free SVG background generator for websites, blogs, and apps. |
|
| [DevSamples |
Code snippets for any need](https://www.devsamples.com/) |
| helps developers find easy-to-use code samples for common use cases. It's a list of code samples for you to copy and paste into your work projects. |
|
| Get Waves – Create SVG waves for your next design |
Get waves |
| is a free SVG wave generator. You use it to make beautiful SVG waves for your next web design. |
|
| [Wavy Divider Generator |
Wavier 🏄](https://wavier.art/) |
| CSS Generator Tool - CSS Demonstration and Generation |
The CSS generator tool helps you generate CSS declarations for your website. It comes with many useful generator tools. Examples of such tools are box-shadow, text-shadow, border, etc. |
| Blobmaker - Make organic SVG shapes for your next design |
Blobmaker |
| is a free generative design tool. It helps you to create random, unique, and organic-looking SVG shapes. |
|
| Developer Roadmaps |
Roadmap |
| is an online community that creates roadmaps and guides for developers. It helps the developer pick up the right path when learning. |
|
| Tabler Icons - 800+ Highly customizable free SVG icons |
Free and open-source icons designed with attention to detail to make your design stand out. |
| Dev Resources |
A collaborative list of resources for developers, presented in curated categories. |
| Free Code Tools - Build better and faster |
Collection of free SEO and code tools. |
| Coolors - The super fast color palettes generator! |
Generate or browse beautiful color combinations for your designs. |
| Pxfuel - Royalty free stock photos free download |
Millions of public domain stock photos released under creative common zero lincense, all are free for commercial use. |
| https://gtmetrix.com/ |
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. |
| 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++… |
| Feather – Simply beautiful open source icons (feathericons.com) |
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. |
| [Code cheatsheets |
shortcode.dev](https://shortcode.dev/) |
| [Mockuper.net |
Free custom mockups generator](https://mockuper.net/) |
| CSS Gallery for Web Design Inspiration - 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. |
| fun-javascript-projects |
Learn Javascript for free in a practical, project based approach. |
| Vector Icons and Stickers - PNG, SVG, EPS, PSD and CSS (flaticon.com) |
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! |
| Awesome Python (awesome-python.com) |
A curated list of awesome Python frameworks, libraries and software. |
| CSS Reference - A free visual guide to CSS |
CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples. |
| Sidebar |
The five best design links, every weekday. |
| Grid by Example |
Everything you need to learn CSS Grid Layout. |
| Heroicons |
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. |
| [Latency |
Apex Software](https://latency.apex.sh/) |
| We Work Remotely: Remote jobs in design, programming, marketing and more |
Remote jobs in design, programming, marketing and more. |
| [Beautiful Free Images & Pictures |
Unsplash](https://unsplash.com/) |
| Simple Icons |
1400+ Free SVG icons for popular brands. |
| CSS Stats |
CSS Stats provides analytics and visualizations for your stylesheets. |
| Squoosh |
Compress and compare images with different codecs, right in your browser. |
| JavaScript Quiz |
JavaScript Quiz – Check your knowledge by having fun. |
| UI Garage - Daily UI Inspiration & Patterns for Web, Mobile & Tablet. |
Daily UI inspiration & patterns for designers, developers to find inspiration, tools and the best resources for your project. |
| unDraw - Open source illustrations for any idea |
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. |
| [Free CSS |
3298 Free Website Templates, CSS Templates and Open Source Templates (free-css.com)](https://www.free-css.com/) |
| DrawKit - Beautiful vector illustrations |
Free vector SVG illustrations for you to use on your next project, no attribution required! Vector illustrations, packs, icons and more. |
| [Next Generation Cloud |
M3O](https://m3o.com/) |
| 700+ CSS Icons, Customizable, Retina Ready & API |
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. |
| [Jobs for Junior Developers |
Jr.DevJobs (jrdevjobs.com)](https://www.jrdevjobs.com/) |
| [Tailwind CSS UI Components and Blocks Library |
TailGrids](https://tailgrids.com/) |
| The Modern JavaScript Tutorial |
Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more. |
| Free for developers (free-for.dev) |
This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers. |
| Stormkit - Serverless infrastructure for javascript applications |
Stormkit is an infrastructure provider for modern javascript applications which is strongly integrated with popular Git providers. |
| Host, run, and code Python in the cloud: PythonAnywhere (www.pythonanywhere.com) |
Host, run, and code Python in the cloud: PythonAnywhere. |
| regex101: build, test, and debug regex |
Online regex tester, debugger with highlighting for PHP, PCRE, Python, Golang and JavaScript. |
| Quant-UX - Prototype, Test and Learn - 4.0.41 |
Design, Test and Learn in one tool! Quant-UX Low Code capabilities allow convert Prototypes into production systems. |
| [Free HTML Landing Page Templates and UI Kits |
UIdeck](https://uideck.com/) |
| [Frontend Mentor |
Front-end coding challenges using a real-life workflow](https://www.frontendmentor.io/) |
| Smashing Magazine — For Web Designers And Developers |
Smashing Magazine — for web designers and developers. |
| Remote Work: Jobs, Companies & Virtual Teams - Remote.co |
Remote Work: Jobs, Companies & Virtual Teams - Remote.co |
| web.dev |
Get the web's modern capabilities on your own sites and apps with useful guidance and analysis from web.dev. |
| Colormind - the AI powered color palette generator |
Generate color combinations in one click. Colormind creates cohesive color schemes using a deep neural net. |
| [Cloud Application Hosting for Developers |
Render](https://render.com/) |
| Avataaars Generator - A free online avatar generator for anyone to make their beautiful personal avatar easily! (getavataaars.com) |
A free online avatar generator for anyone to make their beautiful personal avatar easily! |
| Remix Icon - Open source icon library |
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. |
| Ikonate – fully customisable & accessible vector icons |
Customise, adjust and download free vector icons. Ikonate is an adaptable set of optimised, accessible SVG icons that use can easily use in both development and design apps such as Sketch and Photoshop. Ready to use as images, inline SVGs or SVG sprites. |
| Learn Git Branching |
visual and interactive way to learn Git |
| visualising data structures and algorithms through animation - VisuAlgo |
Visualise data structure and algorithms |
|
|
|
|