Resources
A comprehensive collection of design and development resources including UI kits, icons, fonts, and more.
Table of Contents
- UI Graphics
- Fonts
- Colors
- Icons
- Favicons
- Icon Fonts
- Stock Photos
- Stock Videos
- Stock Music & Sound Effects
- Vectors & Clipart
- Product & Image Mockups
- HTML & CSS Templates
- CSS Frameworks
- CSS Animations
- Javascript Animations
- UI Components & Kits
- React UI Libraries
- Vue UI Libraries
- Angular UI Libraries
- Svelte UI Libraries
- Design Systems & Style Guides
- Online Design Tools
- Downloadable Design Software
- Design Inspiration
- Image Compression
- Others
UI Graphics
Websites and resources with modern UI components in different formats such as PSD, Sketch, Figma, etc. They are great for ideas for web components/UI
- UI Design Daily
- 100 Daily UI
- Sketch App Sources
- Humaaans
- Paaatterns
- thepatternlibrary
- 404 illustration
- Drawkit.io
- Undraw.co
- Illustration.co
- Manypixels.co
- Open Peeps
- UI Space
- Animations.co
- Uplabs
- InvisionApp
- Open Doodles
- Avataaars
- FreebieSketch
- Blush
- Hero Patterns
- IRA Design
- Storytale.io
- icons8.com/illustrations
Fonts
Websites that offer free fonts as well as font based tools
- Google Fonts
- DaFont
- Use & Modify
- 1001 Free Fonts
- Font Squirrel
- Font Fabric
- What Font
- Tiff
- Font Flame
- TypeKit Practice
- Fontjoy
- Golden Ratio
- FontSpark
- FontPair
- Font Space
- Abstract Fonts
- Free Typography
- Leon Sans
- Lexend
- Fonts for Apple Platforms
- SFWin
- Font Flipper
- Fonts Arena
- Befonts
- Arabic fonts
- FontDrop
- Open Foundry
- Glyphter
Colors
Websites and resources that help with choices related to colors
- Colormind.io
- ColorCurves.app
- Coolors
- HTML Color Codes
- Colors & Fonts
- Palette List
- Google Material Color Tool
- Material Palette
- ColorSpace
- FlatUIColors
- Adobe Color
- Colorsinspo
- Happyhues
- Adobe Trends
- Color Hunt
- Gradient Hunt
- Web Gradients
- ColorBox
- CSS gradient
- gradienta
- UI Gradients
- Palette Generator
- Material Palettes
- Grabient
- ShadeSwash
- BrandColors
- BRAND PALETTES
- ColorSpace
- Material Design Palette Generator
- Colorate
- 0to255
- Gradient Buttons
- Khroma
- whocanuse
- Colorable
- Color Hex Picker
- Saruwakakun
- Paletton
- Colorzilla
- Image Color Picker
- CombineCOLORS
- Color Lovers
- HTML CSS Color
- HEX Color Codes
Icons
Resources for Icons including png, svg and more
- UXWing
- Shapedfonts Iconclub
- Feather Icons
- Tabler Icons
- Simple Icons
- Instant Logo Search
- Linear Icons
- Entypo
- Icons8
- Flat Icon
- The Noun Project
- Iconscout
- Nucleo App
- Icon-icons.com
- Bootstrap Icons
- Remix Icon
- Iconmonstr
- Vivid.js
- Iconfinder
- Lordicon
- UseAnimations
- css.gg
- SVGPorn
- Payment System Logos
- Browser Logos
- IconBros
- LogoHub
- Material Design Icons
- Heroicons
- Zondicons
- Endless Icons
- Icomoon
- Eva Icons
- Zondicons
- Entypo
- Cryptoicons
- Ikonate
- appicon
- LineIcons
- Evericons
- SVG Repo
- Convertio
Favicons
Resources for Favicons
Icon Fonts
Resources for Icon Fonts
- Font Awesome
- Line Awesome
- Material Icons
- IonIcons
- Zurb Foundation Icons
- Fontisto Icons
- Boxicons
- Icofont
- Material Palette
- Material Design Iconic Font
- Vscode Codicons
- Devicon
- PaymentFont
- Weather Icons
- Stroke 7
- Jam Icons
- Fontastic.me
- Fontello
- Linea
Stock Photos
Websites that offer free stock photos of all kinds for your websites and apps
- Pexels
- Unsplash
- Pixabay
- Magdeleine
- Picspree
- Burst
- Gratisography
- Life of Pix
- Stock Snap
- Morguefile
- Kaboom Pics
- New Old Stock
- Pic Jumbo
- Public Domain Pictures
- Find A Photo
- Stockvault
- Placeholder
- Realistic Shots
- Negative Space
- SkitterPhoto
- PicoGraphy
- Wunder Stock
- PxHere
- Piqsels
- FoodiesFeed
- Nappy
- Generated Photos
- Reshot
Stock Videos
Websites that offer free stock videos of all kinds for your websites and apps
Stock Music & Sound Effects
Websites that offer free stock music and/or sound effects
Vectors & Clip Art
Free vectors, clipart, illustrations, patterns and more
- Vecteezy
- Freepik
- Free Vectors
- PNGTree
- Vector4Free
- Retro Vectors
- Freeble
- Lukaszadam
- Illlustrations
- Clipart
- Growwwkit illustrations
- World Vector Logo
- trianglify.io
- blob
- HiClipart
- Stories by Freepik
- Black Illustrations
- Delesign
- Custom Shape Dividers
Product & Image Mockups
Create mockups of devices and other products
- Smart Mockups
- Shot Snap
- Screely
- Screen Peak
- Mockup World
- Collab Shot
- Facebook Devices
- Threed.io
- Mockuphone
HTML & CSS Templates
Websites that offer free beautiful website templates and themes of all types
- HTML5Up
- Templatemo
- Templated.co
- FreeHTML5
- StyleShout
- Start Bootstrap
- Zerotheme
- HTML5xCSS3
- Colorlib
- Free CSS
- Hubspot
- Mobirise
- Bootswatch
- Onepagelove
- Themes For App
- BootstrapTaste
- BootstrapMade
- W3Layouts
- Tooplate
- Cruip
- Shade
- UIdeck
- Splawr
CSS Frameworks
CSS/UI frameworks to help build great looking websites and applications
- Tailwind CSS
- Bootstrap
- Materialize
- Material Design Lite
- Bulma
- Skeleton
- Semantic UI
- Fomantic UI
- Foundation
- Pure CSS
- UIKit
- Susy
- Milligram.io
- Vanilla Framework
- Spectre CSS
- Picnic CSS
- Wing
- Chota
- Blueprint CSS
- W3.CSS
- 98.css
- NES CSS
- Shoelace.css
- MVP.css
- Blaze.css
- Turret CSS
- Cutestrap
- Shorthand
- XP.css
- Framework7
- Hint.css
- imagehover.io
- mini.css
- Tachyons
- Material Bootstrap
CSS Animations
CSS animations to build awesome animations for websites and applications
- Animate.css
- Bounce.js
- Anime.js
- Magic Animations
- Zdog
- CSShake
- Hover.css
- AniJS
- Animista
- Tachyons-animate
- Sequence.js
- Infinite
- OBNOXIOUS.CSS
- MOTION UI
- Keyframes.app
Javascript Animation Libraries
javascript animations libraries to build awesome animations for websites and applications
- Greensock
- Velocity.js
- lax.js
- Rellax.js
- three.js
- wow.js
- chocolat.js
- Animate On Scroll
- Tilt.js
- Roughnotation
- Particles.js
- mo.js
UI Components & Kits
Not quite “frameworks”, but tools for creating user interfaces with components or UI kits
- TagFold
- UILang
- Medialoot CSS Components
- Froala Design Blocks
- Material Design For Bootstrap
- Photonkit
- Flat UI
- Shards
- Creative Tim
- Brumm Shadow Maker
- AdminLTE
- SpinKit
- Epic Spinners
- Loading.io
- Moving Letters
- CSS Layout
- Codyhouse
- Tailwind Starter Kit
- Tailwindtoolbox
- tailwindcomponents
- sweetalert
- sweetalert2
- tailblocks
- Soft Components
React UI
UI and component libraries for the React JavaScript framework
- Material UI
- Chakra UI
- Openchakra
- React Bootstrap
- ReactStrap
- React Admin
- BlueprintJS
- React Semantic UI
- Shards React
- React Virtualized
- React Toolbox
- Elastic UI
- React Desktop
- Onsen React
- Evergreen
- Rebass
- Grommet
- Rimble
- Landing Page Template
- Elemental UI
- Ant Design
- PRIMEREACT
- Primer Components
- Orbit
- Base Web
- Backpack UI
- Reaviz
- React Suite
- React Spring
- Recharts
- Vercel UI
- Framer Motion
- React Spectrum
Vue UI
UI and component libraries for the Vue JavaScript framework
- Vuetify
- Bootstrap Vue
- Buefy
- Semantic UI Vue
- Quasar
- Element
- Fish UI
- Keen UI
- Onsen Vue
- Vuejsexamples
- Inkline
- Vuesax
- Antdv
- Shards Vue
- Prime Vue
- View UI
Angular UI
UI and component libraries for the Angular JavaScript framework
- Material Angular
- NG Bootstrap
- PrimeNG
- Onsen Angular
- NG Lightning
- NG Semantic
- Nebular
- Alyle UI
- NGX Bootstrap
- NG Zorro
- Pagination for datatables
- Multi select dropdown
Svelte UI
UI and component libraries for the Svelte Javascript compiler
Design Systems & Style Guides
Design systems, style guides, toolkits, docs. Some of these are design guides for top companies/websites
- Material Design
- Ant Design
- Apple Design Resources
- Primer
- Alta UI
- Pulse
- Bolt
- Clarity Design System
- AtlasKit
- Audi Design Resources
- Carbon Design Systems
- Yelp Style Guide
- Comet
- ETrade Design System
- Fundamental Library
- Infor Design
- Lexicon
- Mailchimp UI/UX
- Marvel Style Guide
- Microsoft Fluent UI
- Pluralsight Design System
- Polaris
- Mozilla Protocol
- SendGrid Style Guide
- VTEX Styleguide
- Rizzo
- Atomize
- StyleGuides.io
- Done Design System
- Skoda Brand System
- Spectrum
Online Design Tools
All kinds of online tools for design, from photo editors to wireframing, and more
- Figma
- Vectr
- Canva
- Get Waves
- Clippy
- Fancy Border Radius
- Wireframe.cc
- Fotor
- Pixlr
- Animoto Video Maker
- RemoveBG
- Photo Creator
- Visme
- Infogram
- ChartGo
- Cartoon Photo
- Logo Maker
- Whimsical
- Whiteboard
- Octopus
- CTA Button Maker
- Blobmaker
- Personas
- SoftUI
- Photopea
- Excalidraw
- Diagrams
- MapInSeconds
- Grid Malven
- Flex Malven
- Smart Upscaler
- GetAvataaars
- Big Heads
- Webflow
- Trace
- Neumorphism.io
- DB Designer
- Ui Bakery
- Faux
- Rive
- Unscreen
- Kodeshot
- Wix
- GTmetrix
- Framer
Downloadable Design Software
Free software for UI, photo, 3d modeling, etc. Alternatives to paid software like Photoshop
- Gimp
- Gravit Designer
- Blender
- Raw Therapee
- Be Funky
- Krita
- Pencil Project
- Inkscape
- Adobe XD
- Shapes.so
- Lunacy
- InVision Studio
- Darktable
- Inpixio photo Editor
- Colorpicker
Design Inspiration
Here are some websites to get inspiration for design and UI
- Behance
- Dribbble
- Httpster
- Microcopy Inspirations
- Inspofinds
- Design Notes
- Land Book
- Frontend Mentor
- Awwwards
- Codrops
- SaaS Landing Page
- Pages.xyz
- UI Movement
- lapa ninja
- Freefrontend
- Webframe
- Collect UI
- Graphic Burger
- Really Good Emails
- Free Design Resource
- Site Inspire
- Web Design Inspiration
- NavNav
- Calltoidea
- MediaQueri.es
- Mulzli Search
Image Compression
Websites that allow you to compress large images
- TinyPNG
- Optimizilla
- Compressor.io
- Squoosh.app
- BulkResizePhotos
- iLoveIMG
- SvgOMG
- CompressJPEG
- CompressNow
- Promo Image Resizer
- Image Optimizer
- SVGminify
- JPEG Optimizer
- Resizing.app
- EZGif
Others
Uncategorized Stuff
- everysize.kibalabs.com
- Devhints.io
- The Web Toolbox
- WebDevTrick
- css-tricks
- Material Design Resizer
- Nodesign.dev
- A11ygator
- Commitizen
- CleanCss
- Tiny helpers
- CSS Ribbon Generator
- Can I Use
- kangax-js-compat-table
- mydevice.io
- Codepen
- Responsively
- html2pdf.js
- CSS Reference
- Critical Path CSS Generator
- SVG Gobbler