awesome-webdev-resources
A curated list of useful websites and resources for web developers
https://github.com/itzashoffcl/awesome-webdev-resources
Last synced: 10 days ago
JSON representation
-
Table of Contents
-
Favicons
- 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. |
- UI Store
- Free SVG Illustration
- Get Illustrations
- Humaaans - and-match people illustrations. |
- Open Doodles
- Skribbl - drawn illustrations for projects. |
- Absurd Design - drawn illustrations. |
- Artify Vector Illustrations
- Iradesign
- ThemeIsle Illustrations
- Picjumbo
-
File Libraries
- FileSaver.js - side in a web browser. |
- Dropzone.js - and-drop file uploads. |
- Fine Uploader
- Blueimp File Upload
- Uppy
- react-dropzone - and-drop file uploads. |
- ngx-file-drop - and-drop file uploads. |
- ng2-file-upload
-
Font Pairing
-
Form Libraries
-
Free Hosting
- Surge - command static web publishing. |
- Cloudflare Pages
- ByetHost
- 000webhost
-
Icon Libraries
-
Image Libraries
- Glide.js - friendly JavaScript slider for creating image carousels. |
- Vanilla LazyLoad - free lazy loading library for images and other content. |
- PhotoSwipe
- LazyLoad by Tuupola
- LightGallery
- PhotoSwipe
- Fancybox
- React Photo Gallery
- React Image Gallery
- React Lightbox
- ngx-gallery
-
Image Tools
- WebResizer
- TinyPNG
- Compressor.io
- Trimage - platform tool to optimize and compress images, focusing on PNG and JPEG formats. |
- Compress-Or-Die
- JPEG Optimizer
- Image Compressor - to-use tools for compressing and optimizing various image formats. |
- Squoosh
-
Paid Hosting
- DigitalOcean
- Hostinger - friendly interface. |
- FontAwesome
- Ionicons - source icons for web and mobile. |
- Phosphor Icons
- Flaticon
- IconBuddy
- MingCute
- Google Fonts Icon
- Line Awesome
- Freeicons
- Icons8
- Animated Fluent Emojis
- Iconfinder
- Free3DIcon
- Iconsax React
- Octicons
- Radix Icons - source icons for projects. |
- 3D Icons
- SVGMix
- SVGrepo
- Unicons - quality icons from Iconscout. |
- Iconspedia
- Flowbite Icons
- CSS Icon - based icons for web design. |
- Icônes
- Iconduck - source icons and illustrations. |
- AWS - based products and services to scale and lower IT costs. |
- The Noun Project
- Devicon
- Evil Icons
- Icon-sets
- Lordicon - quality, open-source animated icons. |
- React Icons - quality icon library for React projects. |
- UXWing
- Animated Fluent Emojis
- CSS.gg
- Iconhub - quality icons for different purposes. |
- Vertex
- Icon-Icons
- Lucide
- Iconsax React
- Free Icons
- Lineicons - style icons. |
- Iconic
- HolaSVG
-
Placeholder Images
-
Placeholder Text
- Lorem Ipzum
- Lorem Ipsum
- Cupcake Ipsum - themed placeholder text. |
- Bacon Ipsum - themed placeholder text. |
- Lorem Ipsum Generator
- Dummy Text Generator
- Screenfly by Bluetree
- Responsive Test Tool
- Responsinator
- Designmodo Responsive Test
- Am I Responsive?
- Screen Sizes
- Viewport Resizer
- Scrollbar.app
- Webkit Scrollbar Generator - based scrollbars. |
- CSS Scrollbar Generator
- Custom Scrollbar CodePen
- CSS Scan: CSS Box Shadow Examples - shadow examples. |
- Smooth Shadows - shadow code snippets with interactive controls. |
- Neumorphism.io
- Aeternity Box Shadows - shadow effects. |
- SVGRepo - quality SVGs for web projects. |
- SVG Wave
- SVG Circus
- SVG Silh
- SVG Viewer
- Boxy SVG
- SVG Artista
- TemplateFlip
- TemplatesHub
- ZeroTheme
- BootstrapMade - based HTML templates and themes. |
- Tailwind Templates
- Built at Lightspeed
- Webflow Templates
- HTML Template
- CodeStitch - coded website section templates, all following the same design system, targetted towards small businesses |
- WrapPixel
- UI Verse - driven platform offering a wide range of UI components and design inspirations. |
- Code My UI
- FreeFrontend
- Shadcn UI
- Tailgrids
- Flowbite - source UI components built with Tailwind CSS. |
- Hover.dev
- Ibelick UI
- Origin UI
- Kokonut
- Material-UI
- React Bootstrap
- NativeBase - first component library that helps build consistent UI across Android, iOS, and Web. |
- Semantic UI React
- Quasar
- Semantic UI - friendly HTML. |
- Element UI - based UI toolkit for web developers, offering a wide range of customizable components. |
- Chakra UI
- Taiga UI - source components for Angular. |
- Ant Design - class UI design language and React UI library. |
- NG-ZORRO
- Vuetify
- BootstrapVue - first projects. |
- Bulma
- Pixabay Videos
- Videvo
- Mazwai - quality free video clips for creative projects. |
- Free Stock Video - quality, royalty-free videos available for free download and use in various projects. |
- Google PageSpeed Insights
- GTmetrix
- WebPageTest
- SEOTester
- Academind
- Bedimcode
- Bro Code
- Dev Dreamer
- Lun Developer
- Net Ninja
-
Programming Languages
Categories
Sub Categories
Color Tools
102
Placeholder Text
89
Paid Hosting
46
Favicons
41
Color Palettes
33
Video Libraries
32
Animation Libraries
19
Placeholder Images
14
Image Libraries
11
Scroll Animation Libraries
11
Color Libraries
11
File Libraries
8
Image Tools
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