🎨Frontend

JS Packages

• 21st.dev

• tailwindcss.com

• https://github.com/darkroomengineering/lenis

• https://github.com/locomotivemtl/locomotive-scroll

Design Softwares

• figma.com

• penpot.app

• excalidraw.com

• balsamiq.com

Typography Tools

• 🔥typescale.com

• 🔥fontshare.com

• fontjoy.com: "Coolors for Fonts."

• fonts.google.com

Colors

• 🔥realtimecolors.com: Visualize your color palette in a real website

• 🔥coolors.co: Consistent color palettes generation

• happyhues.co: real-world examples

Icons

Never use images for icons. Use SVGs.

• 🔥Iconify: All-In-One Icon set

• lucide.dev (included in Iconify)

• heroicons.com (Included in Iconify)

• phosphoricons.com (Included in Iconify)

Illustrations & Assets

Free resources to make your site look less empty.

• undraw.co

• unsplash.com

• app.haikei.app

Inspiration

Don't look at Dribbble (it's often unrealistic). Look at real apps.

• godly.website

• mobbin.com

• land-book.com

• refactoringui.com