From our sponsor: Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox.
UI elements – user interface elements – are a really important part of the design process. They are what we can call the face of interaction between your site and its users. Everything need to be well designed, positioned and planned. Drop downs, menus, search boxes, forms…all these elements need to be clear, easy to see and use and also beautiful, everything to get the viewers attention and get the results we want.
Here we will list 25 websites that know how to give their users a nice experience with beautiful UI elements.
Todo un año con Talento
A good example of a simple and effective single page website that allow users to slide down with some clicks.
Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Subscribe and get our Collective newsletter twice a tweek.
Mark Hobbs
Beautiful and clean design, where the menus allow users to click to go straight to a specific section of the website. Also great colors and typography use.
Makr Carry Goods
Clean and minimal design based on images with drop downs and search that appear only when you need them.
Helms Workshop
Clean and minimal design with beautiful colors and great drop downs and navigation menu.
Girl Scouts
Beautiful typography and color scheme. The menus stand out and make us want to click them. Easy and beautiful navigation.
Rottefella
Colorful drop downs to assist the easy navigation. A color scheme that drives the viewers attention to the main content.
Jewell & Ginnie
The header menu is simple and really beautiful. The newsletter subscription button also stands out and makes us want to signup.
iconSweets2
Great download button and hovers that hide really nice effects.
Tokyo Digital
Beautiful navigation menus with subtle and beautiful hover effects.
Quotezuki
Header with navigation menus, search and a sentence with links to make things easier to users.
We Love Creativity
Beautiful and subtle hover effects. Also a great newsletter signup.
Boob Baby
Clean and easy header with beautiful menus and buttons.
Creativepayne
Nice hover effects on the header and buttons that stand out and make navigation easier and beautiful.
Shelly Cooper Design
Really harmonious horizontal scroll navigation with nice hover effects and clean layout.
InfinVision
Clean and minimal header with nice hover effects menus. Beautiful and elegant navigation and buttons. Also liked the simples and effective ‘drop us a line’ form.
efingo
A really cool navigation with several hover effects, great typography and a simplicity.
Dark Sky Magazine
Layout based on grids, images and really well designed call to action buttons. Nice disposition of elements.
OrangeYouGlad
A really well designed website that allow users to enjoy their navigation. Menus have a cool hover effect and there is also a clean and minimal horizontal slider to show the portfolio. Buttons and links are also really good.
Cicero
Elegant color scheme header menus and buttons. There is also a contact us form in the home page that encourages users to go ahead and get a demo, good way to get attention right away.
Little Black Dress Society
Nice drop downs and apparent buttons that show information when you hover them. Also a nice footer menu and social icon button.
Virb
Beautiful and clean header and footer with subtle fade effects when hoovers. Nice icons “hidden” in the main photo while not being used and also beautiful buttons.
Alexandru Cosmin
Nice layout, color scheme, drop down menus and image navigation.
AIGA
Well designed header menu, search box positioning and subtle but effective call to action buttons. The grids, images and typography are in a really good flow.
Sanctuary T Shop
Great layout! Header menus, color scheme and search box were really well designed, makes things easier and pleasant for readers.
Girl Scouts
Nice header with hover effect menus and a main frame with tabs that show and explain details of the product. Also a good example of call to action buttons that get our attention.
really nice collection, I digged in some of this website and they are truly well designed
PD: “Jewell & Ginnie ” link is broken, it has a “3” at the end
thanks for share!
adeux
I’m proud that my site is part of your collection. Thanks!
Great collection, and inspiring too
@Aaron Payne
Your site is nice, but you suck at XHTML Strict LOL
6 really stupid errors 😉
Fantastic collection, i love that stuff!
Thank you so much! Proud to be thought of with such great company.
This is an excellent list. Everything on Codrops is outstanding.
thank you for including our website into your collection. we are very pleased.