UI Freebies

You can easily find and download the design resources free including UI Kit, Icon, Mockup, Illustration and Font for your design next projects.​ 

[uifreebies]

Rosemary Font is a new elegant font with classy, modern and romantic feels.

[uifreebies]

Find thousands of best fonts in various categories like script, handwriting, sans serif, serif, and display.

[uifreebies]

Organic Food App UI Kit Free ⬇️ Download here: https://uifreebies.net/ui-kits/organic-food-app-ui-kit

[uifreebies]

Bankee Finance UI Kit Free ⬇️ Download here: https://uifreebies.net/sketch/bankee-finance-ui-kit

[uifreebies]

Finance Free PSD UI Kit ⬇️ Download here: https://uifreebies.net/ui-kits/finance-free-psd-ui-kit

[uifreebies]

Personal Portfolio Web Free ⬇️ Download here: https://uifreebies.net/figma/personal-portfolio-web

[uifreebies]

Awesome Travel Booking App Free

⬇️ Download here: https://uifreebies.net/sketch/awesome-travel-booking-app

[uifreebies]

Neumorphic Clock UI Kit Free

⬇️ Download here: https://uifreebies.net/adobe-xd/neumorphic-clock-ui-kit-free

[uifreebies]

Revkit Design System UI Kit

Revkit is design system UI Kit for busy designers. Free forever for your commercial and personal projects. ⬇️ Download here: https://uifreebies.net/ui-kits/revkit-design-system-ui-kit

[uifreebies]

Tetrisly Design System Free

Tetrisly is a flexible design system based on atomic design methodology. Made to help you design consistent web interfaces for desktop and mobile.

🔽 Download here: https://uifreebies.net/ui-kits/tetrisly-design-system-free

[uifreebies]

Make it a setting Allow users to switch from light to dark mode when they want it. You can perform automatic toggling between themes that depend on daylight conditions, but it also should be a setting. ▶️ Learn more: https://uifreebies.net

[uifreebies]

Perform tests in light & dark theme The perception of your solutions may be different depending on its theme. Prepare tests that will verify if the themes are well constructed. ▶️ Learn more: https://uifreebies.net

[uifreebies]

Follow platform guidelines Making a solution to feel natural on all platforms is a must. All major platforms prepared a specification that should help you bring dark theme (or mode) to life. ▶️ Learn more: https://uifreebies.net

[uifreebies]

Visualize hierarchy with elevation As you already know, shadows do not work so good in the dark theme. The better way to communicate hierarchy is to play with the brightness of elevation. Background surface should be the darkest of all. Elements that lays on the top of it should become slightly lighter. Thanks to this technique User Interface is naturally perceived by users. ▶️ Learn more: https://uifreebies.net

[uifreebies]

Avoid shadows In light User Interfaces, we tend to use subtle shadows to communicate depth. Thanks to this, modern solutions feel more natural to use. However shadows are not so visible on the majority of dark mode elements. This is why they should be used less frequently. There is another way to communicate hierarchy.

▶️ Learn more: https://uifreebies.net

[uifreebies]

Remember about accessibility in dark mode There are specific guidelines for dark themes to be applied if you would like to make the solution more accessible. The most important one is the following: the contrast level between body text and the background should be at least 15.8:1. ▶️ Learn more: https://uifreebies.net

[uifreebies]

Make two color palettes – for light and dark mode In the tip above, I mentioned that desaturated colors work better for the dark theme. On the other hand, we all love vibrant tones in light user interfaces. ▶️ Learn more: https://uifreebies.net