🔍 Explore & Elevate: My Curated Web Development Resources

A categorized collection of web development resources to learn, grow, and build amazing things! 🚀

📄 HTML Resources

---

image genaretor

• unsplash
• freepik
• haikei

🎨 CSS Resources

Ui Tool:

• tools-ui
• uiverse.io
• figma
• pixo

🧮 color genaretor:

• flat ui colors
• color hexa
• color hunt
• htmlcolorcodes
• creative-tim

🧮 gradient background color genaretor:

• gradientmagic
• css-gradient
• ui-gradients
• gradient button

background image genaretor:

• haikei

⚡icon:

• font awesome
• box icons
• icons8
• reshot
• gg
• heroicons
• ionicons
• flaticon
• react-icons
• selfh

Illustrations

• storyset
• humaaans
• humaaans
• undraw
• drawkit

Website For choosing colors:

• WebAim
• realtimecolor

Website For choosing design:

• themeforest
• dribbble
• untree
• call-to-inspiration

Website for checking responsive:

• Responsive-Design-Checker
• am-i-responsive

🔹 Framework and Library:

• tailwindcss
• daisy-ui
• shad-cdn-ui
• hyperui
• navigateui
• meterial-tailwind-css
• universe io
• sera ui
• flowbite
• tools.ui
• react-bytes
• sera ui

💫loading animation:

• react-spinners
• react loader
• css loaders
• loading.io

⚛️ REACT:

🖱️ scroll package:

• react-scroll

React chart:

• apex-chart
• rechart

Alert Message & Modal

• seweet alert
• react-toastify
• react-modal

react lightbox

• light-house
• light-gallery

drag and drop librery

• dnd kit
• hello-pangea

animation

• motion
• gsap