awesome-resources-for-developers
Curated list of useful resources for frontend developers or all developers
https://github.com/deeppaz/awesome-resources-for-developers
Last synced: 2 days ago
JSON representation
-
Online Design Tools
- Framer
- Vectr
- RemoveBG
- Unscreen
- Excalidraw - drawn like diagrams |
- Webflow
- Whimsical
- Whiteboard
- Ui Bakery - fledged web apps visually |
- Visme
- Wix
- Blobmaker - looking SVG shapes. |
- Octopus
- Canva
- Wireframe.cc
- Infogram
- Clippy - path maker |
- Fotor
- Get Waves
- GetAvataaars - Pen Lin using Pablo Stanley sketch library |
- Rive - time interactive design tool that allows you to design, animate, and immediately integrate your assets into any platform.
- Smart Upscaler - 4x resolution |
- Neumorphism.io - UI CSS shadow code |
- Animoto Video Maker
- ChartGo
- Cartoon Photo
- Personas
- SoftUI
- Fancy Border Radius - radius in CSS ( border-radius generator ) |
- DB Designer
- Kodeshot
- UXWing SVG Editor
- Lucidchart - maps, and much more. 3 multi-page documents on the free tier |
- Big Heads
-
CSS Frameworks
- Framework7 - is a free and open source framework to develop mobile, desktop or web apps with native look and feel. |
- Material Design Lite
- Semantic UI
- Bootstrap
- Halfmoon UI
- UIKit - end framework |
- Susy - layout engine for Sass |
- Picnic CSS
- Foundation
- Fomantic UI - UI |
- Vanilla Framework
- Tailwind CSS - first framework |
- Tachyons
- Milligram.io
- Cutestrap
- Turret CSS
- css-doodle
- Materialize - end framework based on Material Design |
- Bulma
- Blaze.css
- Skeleton
- mini.css - agnostic CSS framework |
- Blueprint CSS
- W3.CSS
- Shorthand
- Hint.css
- imagehover.io
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Metro 4
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Shorthand
- Paper CSS - end printing solution |
- NES CSS - style CSS Framework |
- 98.css
- Spectre CSS
- MVP.css
- Chota
- XP.css
- Skeleton
- Wing
- Shorthand
- imagehover.io
- Material Bootstrap
- Ivory
-
Icons
- Icons8
- UseAnimations
- The Noun Project
- Iconfinder
- Iconmonstr
- SVG Repo
- Font Awesome
- Iconscout
- Ikonate
- Nucleo App
- Simple Icons
- Unicons
- Unified icons
- Bootstrap Icons
- Heroicons
- Icomoon
- IconSear.ch
- Icofont
- Teeny Icons
- Jam Icons
- Line Awesome
- Linear Icons
- IconBros
- Zondicons
- Cryptoicons
- Shitty Icons
- Iconspedia
- iconhub
- appicon
- Cryptoicons
- Shapedfonts Iconclub
-
React UI
- React Desktop
- BlueprintJS - based UI toolkit for the web |
- React Bootstrap
- Base Web
- Elemental UI
- Evergreen
- Grommet
- Onsen React
- Orbit
- ReactStrap
- React Toolbox
- React Semantic UI
- Primer Components
- Rimble
- Recharts
- React Admin
- React Suite
- Shards React
- ui-playbook
- React Spectrum
- Bumbag - scale applications. |
- OAH-Admin - ui components and elements package. |
- PRIMEREACT - agnostic, flexible and accessible React UI Components |
- Rebass
- particles-bg
- Tabler - end web application. |
- Chakra UI
- React Spring - physics based animation library for React applications. |
- Vercel UI
- Elemental UI
- React Toolbox
- React Desktop
- Reaviz
- OAH-Admin - ui components and elements package. |
- Sha-el-design
- PRIMEREACT - agnostic, flexible and accessible React UI Components |
- Reaviz
-
Others
- DevDocs
- Can I Use - browser compatibility of frontend technologies. |
- css-tricks
- flexboxfroggy
- Pageclip
- papersizes
- Codepen
- Devhints.io
- Grid.js - source HTML table plugin written in TypeScript. It works with most JavaScript frameworks, including React, Angular, Vue and VanillaJs. |
- PlayCode
- A11ygator
- Sketchize
- CSS Reference
- Bootstrap CheatSheet
- OverAPI
- Tiny helpers - purpose online tools for web developers |
- Gerillass
- All The Tags
- kangax-js-compat-table
- Critical Path CSS Generator
- mydevice.io
- everysize.kibalabs.com
- The Web Toolbox - to-use tools for web developers, programmers and designers. |
- WebDevTrick
- CleanCss
- CSS Ribbon Generator
- shortcode.dev
- Vue Telemetry
- {CSS}Portal
- Match Stick
- williamsharkey
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Responsively
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Vue Telemetry
- Material Design Resizer
- Vue Telemetry
- SVG Gobbler
- html2pdf.js - side HTML-to-PDF rendering using pure JS. |
- Commitizen
- Vue Telemetry
- williamsharkey
- Nodesign.dev
- Designbetter Books
-
CSS Animations
- Anime.js
- AniJS - like’ structure |
- Zdog - friendly pseudo-3D engine for canvas & SVG |
- Animate.css - add-water CSS animations |
- SVG Artista
- thoughtbot
- Keyframes.app
- Sequence.js - based applications |
- Magic Animations
- MOTION UI
- OBNOXIOUS.CSS
- AnimXYZ
- Bounce.js
- Bounce.js
- Bounce.js
- Bounce.js
- Bounce.js
- Bounce.js
- AOS
- Tachyons-animate
- Hover.css
- Bounce.js
- CSShake
- Infinite
-
Javascript Animation Libraries
- mo.js
- Swiperjs
- Velocity.js
- Particles.js
- barba.js
- chocolat.js
- wow.js
- Roughnotation
- Lightbox2
- Splide
- Rellax.js
- Slick
- Owl carousel
- Animate On Scroll
- Locomotive Scroll
- Greensock - performance animations that work in every major browser |
- lax.js
- three.js
- Velocity.js
- Tilt.js
- Tilt.js
-
Test Your Website
-
Design Systems & Style Guides
- Mailchimp UI/UX
- StyleGuides.io
- Primer
- Laws of UX
- Yelp Style Guide
- Checklist Design
- Ant Design - level products |
- Microsoft Fluent UI
- Clarity Design System
- AtlasKit
- VTEX Styleguide
- Lexicon
- Mozilla Protocol
- Pluralsight Design System
- Marvel Style Guide
- Apple Design Resources
- Alta UI
- Pulse
- Bolt
- Comet
- ETrade Design System
- Infor Design
- SendGrid Style Guide
- Rizzo
- Atomize
- Spectrum
- Humane By Design - being. |
- Asphalt
- Pr1mer Guidelines
- StyleGuides.io
- SendGrid Style Guide
- Fundamental Library
- Done Design System
-
Vue UI
- Particles.vue3
- Quasar - performance Material Design component suite with builders for SPA, SSR, PWA, Mobile (Cordova & Capacitor), Desktop (Electron) and Browser extensions |
- Buefy
- Bootstrap Vue
- Element
- Onsen Vue
- Vuetify
- View UI
- Antdv
- Vuesax
- Shards Vue - quality & free Vue UI kit featuring a modern design system with dozens of custom components |
- Chakra UI Vue
- TC Components - quality ready to use components that will help you speed up your development workflow. |
- Prime Vue
- TC Components - quality ready to use components that will help you speed up your development workflow. |
- Equal UI - source Vue 3 components system for your next project based on TypeScript |
- Fish UI
-
UI Components & Kits
- Codyhouse - start your web projects with CodyHouse's front-end framework and library of accessible HTML, CSS, JavaScript components |
- SpinKit
- Loading.io
- CSS Grid Generator - source project that allow users to quickly create dynamic layout based on CSS Grid. |
- Epic Spinners
- CSS Layout
- Photonkit
- Creative Tim
- tailwindcomponents
- Tailwindtoolbox
- Meraki UI Components
- Tailwind Templates - tailwind components for rapid UI development. |
- LottieFiles
- Medialoot CSS Components
- Shards
- Moving Letters
- sweetalert
- sweetalert2
- Mui Treasury - source project that provides a collection of ready-to-use components based on Material-UI. |
- AdminLTE
- Tailwindow
- Kutty
- Stitches
- Daemonites Material Design For Bootstrap - platform and fully responsive front-end interface based on Google Material Design developed using Bootstrap 4 |
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Tailwindow
- Flat UI
- Brumm Shadow Maker
- Mui Treasury - source project that provides a collection of ready-to-use components based on Material-UI. |
- Photonkit
-
HTML & CSS Templates
- Onepagelove - page websites, templates and resources|
- Bootswatch
- HTML5Up
- Templated.co
- Colorlib
- Free CSS
- Templatemo
- BootstrapMade
- Start Bootstrap
- W3Layouts
- UIdeck
- FreeHTML5
- Zerotheme
- HTML5xCSS3
- Hubspot
- Mobirise
- Themes For App
- BootstrapTaste
- Splawr
- Tooplate
- Cruip
- W3css_templates
- All-Free-Download - website-templates |
- mashup-template
- mashup-template
- StyleShout
- Splawr
-
Colors
-
Stock Photos
- Stock Snap
- Pixabay - quality stock images and videos |
- Pic Jumbo
- Negative Space - Resolution Free Stock Photos |
- FoodiesFeed
- Lorem Picsum
- Kaboom Pics
- New Old Stock
- PxHere - PxHere |
- Reshot - stocky images.
- SkitterPhoto - resolution photography |
- Free Images - all free for personal and commercial use|
- Morguefile
- Realistic Shots - resolution stock photos |
- Generated Photos
- Piqsels
- Nappy - res photos of black and brown people.|
- scienceimage
- Saxifraga
- Picspree
- Piqsels
- scienceimage
- Saxifraga
- Nappy - res photos of black and brown people.|
-
UI Graphics
- Undraw.co - source illustrations for any idea you can imagine and create |
- Humaaans
- 404 illustration
- Paaatterns
- Open Peeps
- Drawkit.io
-
Fonts
- Google Fonts
- Befonts
- Font Space - centered free font website that has quick customizable previews |
- Dev Fonts
- 1001 Free Fonts
- Free Typography
- Arabic fonts
- Malayalam Fonts
- Google Webfonts Helper - Free Way to Self-Host Google Fonts |
-
Stock Videos
- Mix Kit
- Coverr.co
- SplitShire
- Videezy
- Life Of Vids
- Videvo
- Pixabay
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Life Of Vids
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Loopvidz
- Pexels
-
Product & Image Mockups
- Facebook Devices
- Mockup World - realistic Mockups online |
- Device Shots - resolution device mockups for social media, for free |
- Mockuphone
- Screenshot.rocks
- Screen Peak
- Smart Mockups
- Screen Peak
- Screen Peak
- Screen Peak
- Screen Peak
-
Stock Music & Sound Effects
-
Vectors & Clip Art
- Vecteezy
- Illlustrations - png, svg |
- SVG wave
- Freepik
-
Favicons
-
Logos
- Logo Maker
- Free Logo Maker - in-One Logo Generator |
- World Vector Logo
-
Free Hosting For Your Project
Programming Languages
Categories
CSS Frameworks
74
Others
73
UI Components & Kits
44
Stock Videos
39
React UI
37
Online Design Tools
34
Design Systems & Style Guides
33
Icons
31
HTML & CSS Templates
27
CSS Animations
24
Stock Photos
24
Javascript Animation Libraries
21
Vue UI
17
Product & Image Mockups
11
Test Your Website
10
Fonts
9
UI Graphics
6
Free Hosting For Your Project
6
Stock Music & Sound Effects
5
Vectors & Clip Art
4
Favicons
3
Logos
3
Colors
3
Sub Categories
Keywords
css
8
javascript
5
typescript
3
framework
2
ui
2
vue-components
2
css-framework
2
react
2
contributions-welcome
2
equal
1
frontend
1
nuxt
1
tailwind
1
tailwindcss
1
firefox-addon
1
extension
1
ux
1
vue
1
chrome-extension
1
vue3
1
vuejs
1
windows98
1
8bit
1
guy-fieri
1
nes
1
scss
1
desktop-app
1
developer-tools
1
electron
1
good-first-issue
1
opensource-alternative
1
redux
1
responsive
1
responsive-web-design
1
web-development
1
printing
1
backgrounds
1
login-template
1
react-background
1
react-background-component
1
react-bg
1
react-component
1
react-particle
1
react-particles
1
react-resume
1
react-theme
1
resume-template
1
design-system
1
spectre
1
utilities
1