awesome-webdev-resources

A curated list of useful websites and resources for web developers
https://github.com/itzashoffcl/awesome-webdev-resources

Last synced: 9 days ago
JSON representation

Table of Contents
- Animation Libraries
  - CSShake
  - Anime.js
  - Hover.css
  - AniJS
  - Mo.js
  - Velocity.js
  - Popmotion
  - Snap.svg
  - Auto Animate
  - SwiperJS
  - Motion One
  - countUp.js
  - Odometer
  - elevator.js
  - snabbt.js
  - Magic Animations
  - Framer Motion
  - dynamics.js - based animations with a JavaScript library. |
  - theatre - fidelity motion graphics and intricate movement. |
- Audio Libraries
  - Howler.js
  - Tone.js
  - Audio.js
  - Pizzicato.js
  - Meyda
  - ThreeAudio.js
  - Wavesurfer.js
- Authentication Libraries
  - Passport.js
  - NextAuth.js - in support for various providers. |
  - Auth.js - to-use authentication library for modern web applications. |
  - Satellizer
- Color Libraries
  - Chroma.js
  - TinyColor
  - Color.js
  - Please.js
  - React Color
  - React Colorful
  - ngx-color
  - Vue Color
  - Vue2-Simple-Color
  - Colord - performance color manipulation and conversion. |
  - D3-Color
- Color Palettes
  - Coolors
  - Color Hunt
  - ColorSpace
  - Realtime Colors - time. |
  - UiGradients
  - 0to255
  - Open Color
  - ColorMagic
  - Flat UI Colors
  - Happy Hues
  - Khroma - based color palette generator. |
  - Color Palettes
  - Culrs
  - Eva Colors
  - Farbvelo
  - Muzli Colors
  - Paletton
  - Pigment by ShapeFactory
  - Picular
  - Color Adobe
  - HTML Color Codes
  - Colors Inspo
  - Colorion
  - Gradientos
  - Egg Gradients
  - Branition Colors
  - Flat UI Color Picker
  - Conic Style
  - AiColors
  - Color Claim
  - Color-Hex
  - Colorion
  - Colourco.de
- Color Tools
  - WebAIM Contrast Checker
  - Coolors Contrast Checker
  - Who Can Use
  - CSS Gradient
  - W3Schools Color Picker
  - Just Code Today - Filters
  - CSS Filters
  - CSS Filter Generator
  - CSS Color Filter Generator
  - CSS Filter
  - Instagram.css - like CSS filter effects. |
  - CSS Stats
  - CSS Scan
  - CSS Battle
  - CSS Diner
  - CSS Grid Garden - based game that teaches you how to use CSS Grid to create complex grid layouts. |
  - CSS Grid Attack
  - Flexbox Froggy
  - Flexbox Defense - based game for learning CSS Flexbox through interactive gameplay. |
  - Flexbox Adventure
  - Knights of the Flexbox Table - themed game layout. |
  - Flexbox Zombies
  - Copy & Paste CSS
  - CSS Portal - related resources, tutorials, and tools. |
  - CodePen
  - 10015.io
  - Unused CSS
  - WebCode Tools
  - EnjoyCSS
  - Code Magic
  - CSS Generator
  - Front-End Tools - end developers. |
  - HTML-CSS-JS
  - Toptal CSS3 Maker
  - Angry Tools
  - Layout It!
  - Glassmorphism CSS Generator
  - CSS Generators
  - WebCode CSS Generator
  - CSS Generator - to-use interface. |
  - CSS3 Generator
  - CSS Generator PL
  - LazyCode
  - CSS Formalize
  - Clippy - path shapes. |
  - Awwwards
  - Best Website Gallery
  - Dark Mode Design
  - Minimal Gallery
  - A Fresh Website - of-this-world design inspiration from across the web. |
  - Refero Design
  - Stacksorted
  - Seesaw
  - Webframe
  - SiteInspire
  - Landings.dev
  - Landingfolio
  - Landingly
  - Land Book
  - Dribbble
  - Browsing Mode
  - Landing Love
  - Lapa Ninja
  - SmallDev.Tools
  - BeautifyTools
  - Transform Tools
  - Code Beautify
  - Free Formatter
  - JSONing
  - OverAPI Developer Tools
  - OnlineTools
  - Node.js (V8) --inspector Manager - session debugging management.|
  - Mailgun
  - SMTP2GO
  - Supabase
  - Google Fonts - source fonts. |
  - Font Squirrel
  - Fontesk
  - Adobe Fonts - quality fonts. |
  - FontMirror
  - Urban Fonts
  - Fonts2U
  - MyFonts
  - IconPark - source icon library. |
  - Brick
  - CDN Fonts
  - Httpster
  - SendGrid - based SMTP provider for reliable email delivery. |
  - Fontesk
  - FFonts
  - Behance
  - W3Schools Color Picker
  - Color Thief
  - Code Magic
  - Godly
  - Page Collective
  - One Page Love - page website designs. |
  - Type Scale
  - FontSpace
  - FFonts
  - Font Fabric - quality fonts. |
  - Urban Fonts
- Email Libraries
  - EmailJS - side JavaScript with popular email services and templates. |
  - Nodemailer
  - SMTPJS
- Favicons
  - Favicon.io
  - Real Favicon Generator
  - XIcon Editor
  - Favicon.cc
  - Favicon Generator
  - Blush
  - unDraw
  - DrawKit - quality vector illustrations. |
  - Freepik
  - Glazestock - quality illustrations and vector graphics. |
  - Awesome Illustrations
  - Free SVG Illustration
  - Icons8 Illustrations
  - Artify Illustrations - quality Figma illustrations. |
  - Cocomaterial
  - ThemeIsle Illustrations
  - Pixabay
  - Pexels
  - Pxfuel - resolution free stock photos for personal and commercial use. |
  - Visual Hunt - quality free stock photos. |
  - Free Photos - resolution stock photos for commercial use. |

Programming Languages

JavaScript 30 TypeScript 11 CSS 3 HTML 3 SCSS 2 Vue 2 Handlebars 1 Markdown 1 PHP 1

Categories

Table of Contents 559

Sub Categories

Color Tools 102 Placeholder Text 89 Paid Hosting 46 Favicons 41 Video Libraries 33 Color Palettes 33 Animation Libraries 19 Placeholder Images 14 Image Libraries 11 Scroll Animation Libraries 11 Color Libraries 11 Image Tools 8 File Libraries 8 Audio Libraries 7 Font Pairing 6 Form Libraries 5 Free Hosting 4 Authentication Libraries 4 Text Animation Libraries 3 Email Libraries 3 Icon Libraries 2

Keywords

javascript 9 react 6 color 4 vue 4 component 4 color-picker 4 css 4 react-component 3 gallery 3 angular 3 video 3 audio 3 scroll 3 animation 3 tiny 2 zero-dependency 2 effects 2 hooks 2 swatches 2 hls 2 lightbox 2 image 2 hex 2 player 2 parallax 2 plyr 2 a11y 2 sketch 2 photoshop 2 video-player 2 youtube 2 sass 2 vimeo 2 ecmascript6 1 html5-video 1 hlsjs 1 html5 1 http-live-streaming 1 wistia 1 mediasource 1 iframes 1 react-carousel 1 image-slider 1 image-gallery 1 carousel 1 images 1 ngx-gallery 1 intersectionobserver 1 demo 1 lazy-loading 1