awesome-webdev-resources
A curated list of useful websites and resources for web developers
https://github.com/itzashoffcl/awesome-webdev-resources
Last synced: about 1 month 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
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
- W3Schools Color Picker
- One Page Love - page website designs. |
- DaFont
- 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. |
- 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
- Iradesign
- UI Store
- Free SVG Illustration