awesome-webdev-resources
A curated list of useful websites and resources for web developers
https://github.com/itzashoffcl/awesome-webdev-resources
Last synced: 2 days ago
JSON representation
-
Table of Contents
-
Favicons
- Storyset
- Open Doodles
- Skribbl - drawn illustrations for projects. |
- Absurd Design - drawn illustrations. |
- Iradesign
-
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
- GitLab Pages
- InfinityFree
-
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
- DreamHost
- Boxicons
- Feather Icons - source icons. |
- Heroicons
- Iconhub - quality icons for different purposes. |
- Eva Icons - source icons. |
- Lucide
- Remix Icon - source neutral-style system symbols. |
- Iconmonstr
- Lineicons - style icons. |
- Iconic
- IcoMoon
- Fontastic
-
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
- Online Tutorial
- Pexels Videos
- Vidsplay
- Tailwind Templates
- TemplateMonster
- Dareful - quality, royalty-free videos for various uses. |
- Clipstill
- Glass UI
- freeCodeCamp.org
- Aeternity Box Shadows - shadow effects. |
- TemplateFlip
- TemplatesHub
- HTML5 UP
- UIDECK
- GrayGrids
-
Programming Languages
Categories
Sub Categories
Placeholder Text
114
Color Tools
97
Paid Hosting
44
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