Find the best hand-picked website design inspiration. We’re a curated website design gallery for Creatives, updated daily.

Land-book - website design inspiration gallery

Making the web more beautiful, fast, and open through great typography

Fonts Knowledge - Google Fonts

https://fonts.google.com/knowledge?fbclid=IwAR2iaipzsZ27tx-wDxMOSKXBS76VJF93Lmi8YoOZpXOjA22iOrDdel7V2KY_aem_AbxObfitwa7voPuYnWWXP7CP8lk60yuKvZm-aamhByNrAxTxh44M2kxOZ_dPEOJKsU0

https://fyi.nguyenduyquang.com/uiappreference

A library of sketchy illustrations of people free for personal and commercial use.

Home Old

A curated list of links to the best product design resources on UX

UX Resources - Fountn - Product Design Library

Hand-drawn, vector, free illustrations. Ideal for websites, web applications, mobile applications, marketing materials, printouts, social media posts, templates, work presentations,

Free Vector Illustrations For Your Projects

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

Feather – Simply beautiful open source icons

Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled-components, Figma and Adobe XD. Easy integration: Embed, NPM & API

700+ CSS Icons, Customizable, Retina Ready & API

Beautiful photos of Black and Brown people, for free. For commercial and personal use.

Nappy | Beautifully Diverse Stock Photos

svgl

A curated library of product onboarding inspiration, best practices, and mistakes

Product Onboarding

Geist is a typeface made for developers and designers, embodying Vercel's design principles of simplicity, minimalism, and speed, drawing inspiration from the renowned Swiss design movement.

Geist Font – Vercel

Top these sites I use to get inspiration for Web✨ Part1
1. Land-book: https://land-book.com/
2. Brutalist: https://brutalistwebsites.com/
3. Onepage: https://onepagelove.com/
4. SaasLP:https://saaslandingpage.com/
5. LandingFolio: https://www.landingfolio.com/

◆ Choosing type
◆ OpenType
◆ Web fonts
◆ Variable fonts
◆ Readability & Accessibility

https://fonts.google.com/knowledge?fbclid=IwAR2iaipzsZ27tx-wDxMOSKXBS76VJF93Lmi8YoOZpXOjA22iOrDdel7V2KY_aem_AbxObfitwa7voPuYnWWXP7CP8lk60yuKvZm-aamhByNrAxTxh44M2kxOZ_dPEOJKsU0

I developed the design method over the course of a year, and I now find enjoyment in it.

Figma Interaction 
This is a demo for the restaurant's mobile app.
#sharing #figma #figmavariables #figmainteraction #productdesigner

I've collected some screens from an iOS app for the food industry that you can explore.
https://fyi.nguyenduyquang.com/uiappreference

💎 Icons
Iconify: https://iconify.design/
Iconscout: https://iconscout.com/
Lucide: https://lucide.dev/icons/
Feather: https://feathericons.com/
Phosphor: https://phosphoricons.com/
Material Design: https://lnkd.in/g6UxCx6E
Streamline: https://lnkd.in/ggqNDRxp

 #resources #ui

1. Getillustration → getillustrations.com
2. Opendoodles → opendoodles.com
3. Openpeeps → openpeeps.com
4. Humaaans → humaaans.com
5. Illlustrations → illlustrations.co
6. Drawkit → drawkit.com
7. Undraw → undraw.co
8. Popsy → popsy.co

If you're looking for more inspiration from the internet, you can try:
"Fountn" is an ever growing design resources and UI & UX design inspiration library, updated weekly.

#sharing #productdesigner #solution

💎 Illustrations for Free (and Pack is comment)
Free Illustration Club: https://www.freeillustrations.club/
unDraw: https://undraw.co/
Illustrations: https://illlustrations.co/
Storyset: https://storyset.com/people
Doodle Ipsum: https://doodleipsum.com/

💎💎 Here are Icons Free to upgrade your design as professional
1. https://heroicons.com/
2. https://feathericons.com/
3. https://phosphoricons.com/
4. https://iconoir.com/
5. https://fonts.google.com/icons

Do you use #Notion to record transactions?
I made a page to keep track of my transactions each day!
Today, I'd want to provide it free with a limit of 5 members, and if you want to try it, please text me now.
Have a nice day!

Figma Variants Mode (New Update)
I have a new upgrade that demonstrates how to display multi-screen capabilities and allow users to move between light and dark areas.

It takes a lot of time, but the results are quite exciting.

Do you use Variables Pro to create new variables for the design system?
Would you like to use my Variable Example?

🥃 𝗚𝗼-𝘁𝗼 𝗶𝗰𝗼𝗻 𝘀𝗲𝘁𝘀

1️⃣ css.gg
2️⃣ glyphs.fyi
3️⃣ lucide.dev
4️⃣ iconic.app
5️⃣ iconoir.com
6️⃣ tabler-icons.io
7️⃣ remixicon.com
8️⃣ heroicons.com
9️⃣ icons.download
🔟 phosphoricons.com

the variants mode is da best
#productdesign #figma #prototype #interaction

💎Images 
Almost link are free for use (more in comment)
Pexels: https://www.pexels.com/
Nappy: https://nappy.co/
Pixabay: https://pixabay.com/
Unsplash: https://unsplash.com/
Shot Stack: https://shotstash.com/
Picography: https://picography.co/

A website where you can easily get high quality SVG Logo for your Design Projects

Do you like the #HarryPotter movie series?
I created a prototype to view concealed text on #Figma
Prototype link: https://bit.ly/3PVNuBi

#productdesign #figma #prototype #interaction

Top these sites I use to get inspiration for Web✨ Part2
6. ProductOnboarding: https://www.productonboarding.com/
7. SiteInsp: https://www.siteinspire.com/
8. SaasInterface: https://saasinterface.com/
9. SaasUI:https://www.saasui.design/
10. Fountn: https://fountn.design/

I created the design system template with variants and local style to assist you easily construct fresh your design system.
You can access it in this link: https://shrtm.nu/quangdng

See this Figma demo which decomposes card functionality and dimensionality across multiple breakpoints: Designing with precision and clarity. 

#Figma #DesignHandoff #ResponsiveDesign

if you saw Inter font too much, you can try Geist

https://vercel.com/font

#sharing #productdesigner #uisolution #font

Do you often employ Figma mirrors?
#figma #prototype

Posts