awesome-webdev-resources
A curated list of useful websites and resources for web developers
https://github.com/itzashoffcl/awesome-webdev-resources
Last synced: 1 day 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
- GreenSock (GSAP) - performance animations that work in every major browser. |
-
Audio Libraries
-
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
-
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
- Godly
- One Page Love - page website designs. |
- Codrops
- 1001 Fonts
- Befonts
- FFonts
-
Email Libraries
- EmailJS - side JavaScript with popular email services and templates. |
- Nodemailer
- SMTPJS
- Gmail API
-
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. |
- SplitShire
- StockSnap - resolution photos with new content added regularly. |
- Picjumbo
- Life of Pix - resolution photos with a focus on nature and urban themes. |
- Flickr
- Pikwizard
- Rawpixel - quality and unique stock photos. |
- Reshot
- Unsplash - quality, royalty-free images contributed by photographers worldwide. |
- Artify Vector Illustrations
- ManyPixels - free illustrations gallery. |
-
Programming Languages
Categories
Sub Categories
Placeholder Text
114
Color Tools
97
Paid Hosting
45
Favicons
37
Video Libraries
36
Color Palettes
28
Animation Libraries
17
Placeholder Images
14
Image Libraries
11
Scroll Animation Libraries
11
Color Libraries
11
Image Tools
8
File Libraries
8
Audio Libraries
7
Free Hosting
6
Font Pairing
6
Form Libraries
5
Authentication Libraries
4
Email Libraries
4
Text Animation 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