Home

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://isometric.online/

https://lukaszadam.com/illustrations

https://www.humaaans.com

https://www.glazestock.com/

https://www.opendoodles.com/

https://illlustrations.co/

https://fresh-folk.com/

https://woobro.design/

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

https://html5up.net/

https://templated.co/

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://tympanus.net/codrops/

https://dev.to/

https://news.ycombinator.com/

https://www.reddit.com/r/webdev

https://www.reddit.com/r/web_design/

https://www.freecodecamp.org/news/

https://www.webdesignernews.com/

https://sidebar.io/

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/