#
UI
#
Web Design Templates
- https://dev.to/devluc/50-best-websites-for-web-design-inspiration-and-ideas-be6
- https://websitevice.com/
- https://www.pinterest.com/
- https://elements.envato.com/web-templates
- https://getpublii.com/showcase/
- https://fresh.deno.dev/showcase
- https://statichunt.com
- https://www.toools.design/ui-web-design-inspiration-websites
- https://uiverse.io/
- https://landings.dev/
- https://uigarage.net/
- https://www.landingfolio.com/
- https://dribbble.com/search/business
- https://tympanus.net/codrops/
- https://www.behance.net/
- https://onepagelove.com/
- https://land-book.com/gallery
- https://pixelarity.com/
- https://smarteyeapps.com/free-website-templates?page=2
- https://www.themevault.net/
- https://jekyll-themes.com/free
- https://themejam.gatsbyjs.org/showcase/
- https://madewithreact.com/
- https://madewithvuejs.com/
#
HTML Templates
- https://htmltemplates.co/
- https://themewagon.com/theme-price/free/
- https://templated.co/
- https://templatemo.com/
- https://www.zerotheme.com/
- https://www.free-css.com
- https://freehtml5.co/
- https://themesfor.app/all-themes
- https://bootstraptaste.com/
- https://bootstrapmade.com/
- Dashboard : https://keenthemes.com/
- https://htmlrev.com/
- https://w3layouts.com/
- https://www.tooplate.com/
- https://uideck.com/
- https://www.w3schools.com/w3css/w3css_templates.asp
- https://styleshout.com/free-templates/
- https://www.html5xcss3.com/
- OneTime : https://cruip.com/free-templates/
- templatesjungle.com
- https://astro.build/themes/
- https://themes.gohugo.io/
- https://jamstackthemes.dev/
- https://jekyllthemes.io/free
- https://hexo.io/themes/
- https://html5up.net/
#
Colors
- Test : https://www.realtimecolors.com/?colors=050315-fbfbfe-2f27ce-dedcff-433bff&fonts=Inter-Inter
- https://colorhunt.co/
- https://coolors.co/
- https://flatuicolors.com/
- https://materialui.co
- gradient :
#
Illustration
- ill : pixcap.com
- https://scale.flexiple.com/illustrations/
- https://www.pixeltrue.com/packs
- https://ui8.net/margose/products/free-12-illustrationicon-and-character-set
- https://illlustrations.co/
- https://opendoodles.com/
- deignstripe.com
- storyset.com
- avatar : https://bigheads.io/
- https://freeillustrations.xyz/
- https://undraw.co/illustrationsAn
- https://www.manypixels.co/gallery/ManyPixels
- https://illlustrations.co/100
- https://isometric.online/This
- https://www.glazestock.com/Glaze
- https://lukaszadam.com/illustrationsLukasz
- https://www.humaaans.comHumaaans
- https://woobro.design/Woobro
- https://fresh-folk.com/Similar
- https://www.opendoodles.com/Open
- https://game-icons.net/
- https://www.logotouse.com/
- https://pimpmydrawing.com/
- https://www.flaticon.com/
- icons8.com
- https://iconmonstr.com/
- https://konpa.github.io/devicon/
- https://icons8.com/icons/set/emoji
- https://joeschmoe.io/
- https://www.karthiksrinivas.in/charco
- https://www.veila.me/freebies/scandinavian-houses-free-vector-images
- https://absurd.design/
- https://github.com/MariaLetta/mega-doodles-pack
- https://iradesign.io/
- https://www.isometriclove.com/
- https://personas.draftbit.com/
- https://getavataaars.com/
- https://www.drawkit.io/
#
Assets
#
rsources
- https://github.com/bradtraversy/design-resources-for-developers#html--css-templates
- resourceboy.com
- input : https://uiverse.io/
#
Practise
ggl: template: tailwind , astro , vue , react , free-css(html) ,
- https://www.tailwindawesome.com/?price=free&type=template
- https://astro.build/themes/
- https://github.com/TailGrids/play-tailwind
- https://www.free-css.com/template-categories/alternative-power
- https://templatemo.com/
- https://jamstackthemes.dev/
- https://colorlib.com/wp/free-css-website-templates/
- DEV.to : https://dev.to/davidepacilio/35-free-react-templates-and-themes-32ci
- https://bootstrapmade.com/
- https://statichunt.com/astro-themes
- https://themefisher.com/best-astro-themes
#
portfolio :
- https://github.com/realstoman/vuejs-tailwindcss-portfolio
- https://github.com/cruip/open-react-template
- https://github.com/MohamedYoussouf/carbon
- https://www.builtatlightspeed.com/?themes[sortBy]=themes_price_desc&themes[refinementList][distribution][0]=free&themes[page]=2
- https://folioz.framer.website/#services
- https://github.com/mhaecal/skilline-landing-pagei
#
ICON
- All : Iconify
- animated : lottieflow , useanimation.com
- normal : iconer , lordicon.com
- https://phosphoricons.com/
- #D: https://3dicons.co/?ref=dailydev
- css.gg
- Iometric : https://www.isocons.app/
#
Backgrounds:
- List of websites for backgrounds: https://wweb.dev/resources/creative-backgrounds
- SVG backgrounds: https://www.svgbackgrounds.com/
- Gradient Magic: https://www.gradientmagic.com/
- CSS moving background: https://codepen.io/Mamboleoo/full/BxMQYQ/
- Triangle background generator: https://trianglify.io/
- WebGL backgrounds: https://www.vantajs.com/
- Gradients: https://cssgradient.io/gradient-backgrounds/
- Various css background animations: https://freefrontend.com/css-animated-backgrounds/
- Free to use stock videos: https://mixkit.co
- Background moving particles: https://vincentgarreau.com/particles.js/
- Icon pattern generator: https://pattern.flaticon.com/
- CSS Waves: https://csspoints.com/css-wave-effect-responsive-design/
- CSS Gradient Waves: https://www.outpan.com/app/9aaaf27303/svg-gradient-wave-generator
- Animated CSS Background Generator: https://wweb.dev/resources/animated-css-background-generator
#
Animation
- animation : transition.css , animate.style , magic.css ,
#
Layout
#
Carosual
- splide : carousal
- swipper.js
- Glassmorphism : https://hype4.academy/
- neumorphism : https://neumorphism.io/#e0e0e0
- blob : bgjar.com , 9elements
- wave : getwaves
- load : 100l5.io , uiball.com ,
#
Stock Image
- https://www.dreamstime.com/free-photos
- http://depositphotos.com/
- https://www.graphicstock.com
- https://www.pexels.com/
- http://www.freeimages.com/
- http://freerangestock.com/
- http://openphoto.net/
- http://www.sxc.hu/
- http://www.imagebase.net/
- http://www.stockvault.net/
- http://www.unprofound.com/
- http://morguefile.com/
- http://commons.wikimedia.org/wiki/Main_Page
- http://www.flickr.com/creativecommons/
- http://www.fotolia.com/Info/Images/FreeImages
- https://stocksnap.io/
- http://unsplash.com/
- http://www.gratisography.com/
- http://negativespace.co/
- http://freestocks.org/
- http://picography.co/
- http://mmtstock.com/
- http://skitterphoto.com/
- http://www.lifeofpix.com/
- http://littlevisuals.co/
- http://deathtothestockphoto.com/
- https://foodiesfeed.com/
- https://picjumbo.com/
- http://www.imcreator.com/free
- http://nos.twnsnd.co/
- http://getrefe.tumblr.com/
- http://pixabay.com/
- http://jaymantri.com/
- https://stock.tookapic.com/?filter=free
- http://kaboompics.com/
- http://epicantus.tumblr.com/
- http://superfamous.com/
- http://picjumbo.com/
- http://www.istockphoto.com/
- http://www.morguefile.com/
- http://publicdomainarchive.com/
- http://www.freedigitalphotos.net/
- https://freerangestock.com/
- http://www.freestockphotos.biz/
- http://www.freeimages.co.uk/
- http://www.stockfreeimages.com/p1/.html
- https://pixabay.com/
- http://www.stockphotosforfree.com/
- http://foter.com/
- http://librestock.com
- http://barnimages.com/
- http://fancycrave.com/
- http://isorepublic.com/
- http://magdeleine.co/license/cc0/
- http://publicdomainreview.org/
- http://publicdomainvectors.org/
- http://realisticshots.com/
- http://startupstockphotos.com/
- http://www.1millionfreepictures.com/
- http://www.designerspics.com/
- http://www.everystockphoto.com/
- http://www.publicdomainpictures.net/
- https://thepicpac.com/
- https://www.rawpixel.com/
- https://www.goodfreephotos.com/
- http://reyherphoto.com/free-stock-photos/
#
General Tools:
- Checklist: https://www.checkli.com
- Check text before posting: http://hemingwayapp.com/
- Install multiple programs at once: https://ninite.com/
- Free tools for devs: https://free-for.dev/#/
- List of tools: https://toolsformakers.com/
#
Image Tools:
- SVG animations: https://svgartista.net/
- Convert images to SVG: https://convert2svg.com/
- More animations: https://lottiefiles.com/
- Screenshots on devices mockups: https://mockup.photos/freebies
- Screenshots to design mockup : https://www.screely.com/
- Design Mockup: https://www.figma.com/
- Sourcecode to image: https://carbon.now.sh
- Image compressor: https://squoosh.app/
- Image compressor: https://compressor.io/
- Record Gifs: https://www.cockos.com/licecap/
- Remove background from image: https://www.remove.bg/
- Icon creator: https://gauger.io/fonticon/
- Diagrams: https://www.draw.io/
- Avatar placeholder generator: https://avatars.dicebear.com/
- Aspect ratio calculator: https://calculateaspectratio.com/
#
Webdev Stuff:
- Static Site Generators Overview: https://www.staticgen.com/
- Test for Accessibility: https://wave.webaim.org
- Forms without backend: https://usebasin.com/
- Locale certificates (https): https://github.com/FiloSottile/mkcert
- PWA generator: https://www.pwabuilder.com/
- Links for website testing: https://adamgreenough.me/blog/free-online-testing-tools-for-your-website/
- Self hosted email list: https://listmonk.app/
- Animated Icons: https://lordicon.com/
- React Codebase Generator: https://divjoy.com/
#
CSS Stuff:
- Generator for CSS separators: https://wweb.dev/resources/css-separator-generator
- CSS animation generator: http://animista.net/play/basic
- CSS Fix browser defaults: https://github.com/kognise/water.css
- Augumented UI: http://augmented-ui.com/
- NES CSS framework: https://bcrikko.github.io/NES.css/
- Generate clip-path: https://bennettfeely.com/clippy/