Web Development Resources

Tailwind Plug & Play Components

• Meraki UI
• Kometa UI Kit
• Tailwind Kit
• Tailblocks
• Mamba UI
• Kutty
• Wicked Blocks
• Favicon.io
• devdojo=
• creative-tim
• tailwindflex
• hover Dev
• Radix UI

Color Test & Visualization

• Realtime Colors
• Coolors
• Contrast Checker
• UI Colors
• Color Hunt
• Color Library Test

SVG Generators

• Haikei
• Mesh Gradient

Illustration Resources

• Undraw
• Humaaans
• Open Peeps

Hover Button Effects

• UIverse

CSS Clip-Path Generators

• Clippy - A simple tool to generate CSS clip paths.
• CSS Portal Clip-Path Generator - Another tool to create CSS clip paths visually.

Additional Useful Tools & Resources

Icon Libraries

• Heroicons - Beautiful, hand-crafted SVG icons, by the makers of Tailwind CSS.
• Feather Icons - A collection of simply beautiful open-source icons.
• Iconmonstr - Simple and free icons, available for download in multiple formats.

Typography

• Google Fonts - Free web fonts to use in your project.
• Fontjoy - Generate font pairings that play well together.

Stock Photos & Graphics

• Unsplash - Free high-resolution photos for your creative projects.
• Pexels - Free stock photos and videos shared by talented creators.
• Freepik - Free graphic resources for everyone.

CSS Tools

• Autoprefixer - Add vendor prefixes to CSS rules automatically.
• CSS Gradient - A tool to create beautiful CSS gradients.
• Animista - Play with a collection of pre-made CSS animations.

Online Code Editors

• CodePen - An online code editor and learning environment for front-end web development.
• JSFiddle - Test and share your JavaScript, CSS, HTML, or CoffeeScript online.
• StackBlitz - The online code editor for web applications powered by Visual Studio Code.

Problem solve

• https://leetcode.com/

Learn C#

-tutorialsteacher -