| 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. |
| https://www.remove.bg/ |
Remove the background of any photo automatically. Just select your image and instantly download the resulting image with the background removed. |
| https://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. |
| https://compressor.io/ |
One of the most efficient image compressors out there with a modern-looking UI. |
| https://cssgradient.io/gradient-backgrounds/ |
CSS Gradient makes it dead simple to create fresh web gradients. Includes a collection of tools to help you level up your gradient game. |
| https://neumorphism.io/#e0e0e0 |
Neumorphic shapes look incredible but are difficult to create. This generator makes it easy to create the shapes you’ve envisioned. |
| https://animista.net/ |
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. |
| https://fontjoy.com/ |
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. |
| https://logoipsum.com/ |
When in a rush to get a placeholder logo, feel free to use Logo Ipsum with tons of available choices and different logo designs fitting every need. |
| https://carbon.now.sh/ |
Create and share beautiful images of your source code. |
| https://ray.so/ |
Create and share beautiful images of your source code. |
| https://poet.so/ |
Capture and share Twitter posts as beautiful images. It makes sharing Twitter posts on other platforms more visual and attention-grabbing. |
| https://browserframe.com/ |
Easily wrap screenshots in browser frames. Drag-drop support. Generate screenshot from URL. Customize padding, scaling, background color. |
| https://www.screely.com/ |
Easily wrap screenshots in browser frames. Drag-drop support. Generate screenshot from URL. Customize padding, scaling, background color. |
| https://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. |
| https://readme.so/ |
The editor allows you to quickly add and customize all the sections you need for your project's README. |
| https://metatags.io/ |
A tool to debug and generate meta tag code for any website. Preview how your webpage will look on Google, Facebook, Twitter, and more. |
| https://favicon.io/ |
Create a favicon in a few clicks from text, image, or emoji. |
| https://unminify.com/ |
Free tool to unminify (unpack, deobfuscate) JavaScript, CSS, HTML, XML and JSON code, making it readable and pretty. |
| https://www.ilovepdf.com/ |
All in all for pdf |
| https://www.joshwcomeau.com/shadow-palette/ |
Shadow palette |
| https://yqnn.github.io/svg-path-editor/ |
svg editor |
| https://bgjar.com/ |
BGjar |
| is a free SVG background generator for websites, blogs, and apps. |
|
| https://www.devsamples.com/ |
DevSamples |
| 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. |
|
| https://getwaves.io/ |
Get waves |
| is a free SVG wave generator. You use it to make beautiful SVG waves for your next web design. |
|
| https://wavier.art/ |
A similar website to the above website is Wavier |
| https://cssgenerator.org/ |
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. |
| https://www.blobmaker.app/ |
Blobmaker |
| is a free generative design tool. It helps you to create random, unique, and organic-looking SVG shapes. |
|
| https://roadmap.sh/ |
Roadmap |
| is an online community that creates roadmaps and guides for developers. It helps the developer pick up the right path when learning. |
|
| https://tablericons.com/ |
Free and open-source icons designed with attention to detail to make your design stand out. |
| https://devresourc.es/ |
A collaborative list of resources for developers, presented in curated categories. |
| https://freecodetools.org/ |
Collection of free SEO and code tools. |
| https://coolors.co/ |
Generate or browse beautiful color combinations for your designs. |
| https://www.pxfuel.com/ |
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. |
| https://devdocs.io/ |
Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app: HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++… |
| https://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. |
| https://shortcode.dev/ |
A collection of useful snippets and code examples. Elements, attributes and selectors. |
| https://mockuper.net/ |
mockuper, the free mockups generator to create custom images to show your awesome works. |
| https://cssnectar.com/ |
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. |
| https://fun-javascript-projects.com/ |
Learn Javascript for free in a practical, project based approach. |
| https://www.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! |
| https://awesome-python.com/ |
A curated list of awesome Python frameworks, libraries and software. |
| https://cssreference.io/ |
CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples. |
| https://sidebar.io/ |
The five best design links, every weekday. |
| https://gridbyexample.com/ |
Everything you need to learn CSS Grid Layout. |
| https://heroicons.com/ |
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. |
| https://latency.apex.sh/ |
Free global latency performance testing tool. |
| https://weworkremotely.com/ |
Remote jobs in design, programming, marketing and more. |
| https://unsplash.com/ |
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. |
| https://simpleicons.org/ |
1400+ Free SVG icons for popular brands. |
| https://cssstats.com/ |
CSS Stats provides analytics and visualizations for your stylesheets. |
| https://squoosh.app/ |
Compress and compare images with different codecs, right in your browser. |
| https://javascriptquiz.com/ |
JavaScript Quiz – Check your knowledge by having fun. |
| https://uigarage.net/ |
Daily UI inspiration & patterns for designers, developers to find inspiration, tools and the best resources for your project. |
| https://undraw.co/ |
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. |
| https://www.free-css.com/ |
Free CSS has 3133 free website templates, all templates are free CSS templates, open source templates or creative commons templates |
| https://drawkit.com/ |
Free vector SVG illustrations for you to use on your next project, no attribution required! Vector illustrations, packs, icons and more. |
| https://m3o.com/ |
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. |
| https://css.gg/ |
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. |
| https://www.jrdevjobs.com/ |
Jobs for Junior Developers |
| https://tailgrids.com/ |
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. |
| https://javascript.info/ |
Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more. |
| https://free-for.dev/#/ |
This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers. |
| https://www.stormkit.io/ |
Stormkit is an infrastructure provider for modern javascript applications which is strongly integrated with popular Git providers. |
| https://www.pythonanywhere.com/ |
Host, run, and code Python in the cloud: PythonAnywhere. |
| https://regex101.com/ |
Online regex tester, debugger with highlighting for PHP, PCRE, Python, Golang and JavaScript. |
| https://www.quant-ux.com/ |
Design, Test and Learn in one tool! Quant-UX Low Code capabilities allow convert Prototypes into production systems. |
| https://uideck.com/ |
Free HTML Landing Page Templates, Bootstrap Themes, React Templates, HTML Templates, Tailwind Templates, and UI Kits. |
| https://www.frontendmentor.io/ |
Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs. |
| https://www.smashingmagazine.com/ |
Smashing Magazine — for web designers and developers. |
| https://remote.co/ |
Remote Work: Jobs, Companies & Virtual Teams - http://remote.co/ |
| https://web.dev/ |
Get the web's modern capabilities on your own sites and apps with useful guidance and analysis from web.dev. |
| http://colormind.io/ |
Generate color combinations in one click. Colormind creates cohesive color schemes using a deep neural net. |
| https://render.com/ |
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. |
| https://getavataaars.com/ |
A free online avatar generator for anyone to make their beautiful personal avatar easily! |
| https://remixicon.com/ |
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. |
| https://ikonate.com/ |
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. |
| https://learngitbranching.js.org/ |
visual and interactive way to learn Git |
| https://visualgo.net/en |
Visualise data structure and algorithms |
|
|
|
|