Gradients and colors
This site gives you awesome controls for creative nice background CSS gradients:
Gradients in text headers
- https://1stwebdesigner.com/css3-text-effects-typography/
- https://blog.logrocket.com/five-cool-css-header-styles-with-cross-browser-compatibility/
Color palette generators (from images) and color info, and more:
- https://icolorpalette.com
- Many color tools (5 color compare) and more: https://color.adobe.com/create/color-wheel
- Generate color palettes and auto color website templates: https://coolors.co
Fonts
- Better Google font pairs for Heading and Text : https://www.pagecloud.com/blog/best-google-fonts-pairings
Icons
- All open icons collected here: https://www.iconshock.com/freeicons/
Shape and vectors
- Create a shape divider for containers or sections: https://shapedividers.com
Accessibility checking tools
- Accessibility color contrast checker: https://webaim.org/resources/contrastchecker/
- Color contrast checker, which automatically checks all elements of a website for sufficient contrast. Besides the color contrast, the tool can also check for 40 other accessibility issues: https://www.experte.com/accessibility or https://www.experte.com/accessibility/contrast
More tools and resources
All time best “ZeroToMastery” design tools collection: https://zerotomastery.io/resources/
Page speed and page experience tests, and more: https://www.experte.com/website/tools
Free tool to check your website from multiple different Geolocations: https://geopeeker.com or https://testlocal.ly
Examples and inspiration
Landing page examples: https://www.landingfolio.com
Dark mode website examples : https://www.darkmodedesign.com
Winning awards websites: https://www.awwwards.com/websites/
Website examples: https://pagecollective.com
Apps, mobile and UI shots examples: https://mobbin.com/browse/ios/screens
UI/UX (Css) Libraries
Bootstrap library of UI components https://getbootstrap.com
Tailwind UI and CSS libraries https://tailwindui.com https://tailwindcss.com
Semantic UI https://semantic-ui.com
Premade UI components and themes
Components Using Tailwind CSS libraries
List of some Tailwind Kits (free and not so) https://ui-lib.com/blog/tailwind-css-ui-kits-and-components/
Some great components https://kitwind.io/products/kometa
Another list of sites https://dev.to/cruip/25-places-where-you-can-get-free-tailwind-css-components-47lm
Components for Vue Javascript Platform
Assorted lists of Vue code examples and components https://vuejsexamples.com
News of the web
Web dev news monthly – https://zerotomastery.io/blog/?tag=WDM#monthly
Really rich tutorials on tech. by Hostinger – https://www.hostinger.com/tutorials
JavaScript and Typescript
All the best tools in JS world: https://bestofjs.org/
Wordpress websites
All the best tools in WordPress world: https://markoze.com/blog/best-wordpress-sites-and-tools/
About the Author: markoze
Products, addons and solutions I recommend
- Disclosure info: images and links here maybe affiliate links and promotions.
Recent posts
Posts categories
Recent artworks
Printed artworks and merchandise
Recommended
- Recommended products and links may be affiliated links
