Awesome
link-list
Inspiration:
Pages by color: https://dribbble.com/colors/109173
Landing pages: https://www.pages.xyz/
Landing pages: https://land-book.com/
Landing pages: https://interfaces.pro/
Portfolios: https://github.com/iRaul/awesome-portfolios
Illustrations:
List of websites for SVG illustrations: https://wweb.dev/resources/free-svg-illustrations
https://undraw.co/illustrations
https://gallery.manypixels.co/
https://lukaszadam.com/illustrations
Backgrounds:
List of websites for backgrounds: https://wweb.dev/resources/creative-backgrounds
SVG backgrounds: https://www.svgbackgrounds.com/
Gradient Magic: https://www.gradientmagic.com/
CSS moving background: https://codepen.io/Mamboleoo/full/BxMQYQ/
Triangle background generator: https://trianglify.io/
WebGL backgrounds: https://www.vantajs.com/
Gradients: https://cssgradient.io/gradient-backgrounds/
Various css background animations: https://freefrontend.com/css-animated-backgrounds/
Free to use stock videos: https://mixkit.co
Background moving particles: https://vincentgarreau.com/particles.js/
Icon pattern generator: https://pattern.flaticon.com/
CSS Waves: https://csspoints.com/css-wave-effect-responsive-design/
CSS Gradient Waves: https://www.outpan.com/app/9aaaf27303/svg-gradient-wave-generator
Animated CSS Background Generator: https://wweb.dev/resources/animated-css-background-generator
General Tools:
Checklist: https://www.checkli.com
Check text before posting: http://hemingwayapp.com/
Install multiple programs at once: https://ninite.com/
Free tools for devs: https://free-for.dev/#/
List of tools: https://toolsformakers.com/
Image Tools:
SVG animations: https://svgartista.net/
Convert images to SVG: https://convert2svg.com/
More animations: https://lottiefiles.com/
Screenshots on devices mockups: https://mockup.photos/freebies
Screenshots to design mockup : https://www.screely.com/
Design Mockup: https://www.figma.com/
Sourcecode to image: https://carbon.now.sh
Image compressor: https://squoosh.app/
Image compressor: https://compressor.io/
Record Gifs: https://www.cockos.com/licecap/
Remove background from image: https://www.remove.bg/
Icon creator: https://gauger.io/fonticon/
Diagrams: https://www.draw.io/
Avatar placeholder generator: https://avatars.dicebear.com/
Aspect ratio calculator: https://calculateaspectratio.com/
Webdev Stuff:
Static Site Generators Overview: https://www.staticgen.com/
Test for Accessibility: https://wave.webaim.org
Forms without backend: https://usebasin.com/
Locale certificates (https): https://github.com/FiloSottile/mkcert
PWA generator: https://www.pwabuilder.com/
Links for website testing: https://adamgreenough.me/blog/free-online-testing-tools-for-your-website/
Self hosted email list: https://listmonk.app/
Animated Icons: https://lordicon.com/
React Codebase Generator: https://divjoy.com/
CSS Stuff:
Generator for CSS separators: https://wweb.dev/resources/css-separator-generator
CSS animation generator: http://animista.net/play/basic
CSS Fix browser defaults: https://github.com/kognise/water.css
Augumented UI: http://augmented-ui.com/
NES CSS framework: https://bcrikko.github.io/NES.css/
Generate clip-path: https://bennettfeely.com/clippy/
HTML Templates
Javascript Stuff:
Dark mode: https://github.com/sandoche/Darkmode.js
Minimalist Jquery: https://github.com/vladocar/nanoJS
Simple lightbox: https://github.com/rqrauhvmra/Tobi
Noisy gradient: https://github.com/apankrat/js-noisy-gradient
Parallax vanilla JS: https://chriscavs.github.io/rallax-demo/
Prefetch links: https://github.com/GoogleChromeLabs/quicklink
Variable height grid: https://github.com/e-oj/Magic-Grid
Better alert modal: https://sweetalert2.github.io/
Animation on scroll: https://alexfox.dev/laxxx/
Inline code styling: https://enlighterjs.org/
React animation library: https://www.framer.com/motion/
Console project demo: https://glorious.codes/demo
Dragable, Rotatable, Resizable boxes: https://daybrush.com/moveable/
React Hooks for remote data fetching: https://swr.now.sh/
Stay up to date:
https://www.reddit.com/r/webdev
https://www.reddit.com/r/web_design/
https://www.freecodecamp.org/news/
https://www.webdesignernews.com/
Self Promotion: https://wweb.dev/
CMS:
Static page generator CMS: https://getpublii.com/
Simple CMS: https://www.vapid.com/
Headless CMS Overview https://headlesscms.org/
SEO:
SEO Test: https://www.seoptimer.com
Keyword finder: https://lsigraph.com/
Other:
head Elements: https://gethead.info/
Public APIs: https://public-apis.xyz
Best time to post on reddit: https://dashboard.laterforreddit.com/analysis/