Code Monkey home page Code Monkey logo

link-list's Introduction

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/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.