- Awards
-
Category
- Architecture
- Art & Illustration
- Business & Corporate
- Culture & Education
- Design Agencies
- E-Commerce
- Events
- Experimental
- Fashion
- Film & TV
- Food & Drink
- Games & Entertainment
- Hotel / Restaurant
- Institutions
- Luxury
- Magazine / Newspaper / Blog
- Mobile & Apps
- Music & Sound
- Other
- Photography
- Promotional
- Real Estate
- Social responsibility
- Sports
- Startups
- Technology
- Web & Interactive
-
Tag
- UI design
- 360
- 3D
- 404 pages
- About Page
- Animation
- App Style
- Big Background Images
- Clean
- Colorful
- Contact Page
- Content architecture
- Contentful
- Copy design
- Data Visualization
- Filters and Effects
- Flat Design
- Footer Design
- Forms and Input
- Fullscreen
- Gallery
- Gestures / Interaction
- Graphic design
- Header Design
- Horizontal Layout
- Icons
- Illustration
- Infinite Scroll
- Interaction Design
- Menu - Horizontal
- Menu - Vertical
- Microinteractions
- Minimal
- Navigation Menu
- Parallax
- Photo & Video
- Photographic
- Portfolio
- Project Page
- Responsive
- Responsive Design
- Retro
- SEO
- Scrolling
- Single page
- Social Integration
- Sound-Audio
- Storytelling
- Transitions
- Typography
- Unusual Navigation
- Vector
- Video
- Web Fonts
- next.js
-
Technology
- 11ty
- AWS
- Adobe Illustrator
- Adobe Photoshop
- Adobe XD
- After Effects
- Angular
- Anime.js
- BARBA.js
- Backbone.js
- Blender
- Bootstrap
- CSS
- Canvas API
- Cinema 4D
- Contentful
- Craft CMS
- CreateJS
- Curtains.js
- D3
- DatoCMS
- Debian
- Demandware
- Directus
- Docker
- Drupal
- Editor X
- Elementor
- Express
- FastClick
- Figma
- Firebase
- Flickity
- Font Awesome
- Framer Motion
- GLSL
- GSAP Animation
- Gatsby
- Go
- Google App Engine
- Google Font API
- GraphQL
- HTML5
- Hammer.JS
- Handlebars
- Highway.js
- Javascript
- Knockout
- Lambda
- Laravel
- Lo-dash
- Locomotive Scroll
- Lottie
- Magento
- Matter.js
- MediaElement.js
- Modernizr
- MongoDB
- Morphic
- Neos CMS
- Netlify
- Next.js
- Nginx
- Node.js
- Nuxt.js
- OWL Carousel
- Optimizely
- P5.js
- PHP
- PWA
- PixiJS
- Prestashop
- Prismic
- Python
- React
- Readymag
- Redux
- Rellax.js
- RequireJS
- Reveal.js
- Ruby
- SVG
- Sanity
- Sass
- Shopify
- Sketch
- Skrollr.js
- Snap.svg
- Svelte
- Swiper.js
- Tailwind CSS
- Three.js
- Tilda
- Timber
- Twitter API
- Typekit
- Typescript
- Underscore.js
- Unity
- Unreal Engine
- VR
- Vanilla JS
- Varnish
- Velocity.js
- Vercel
- VideoJS
- Vue.js
- WebGL
- WebSockets
- WebVR
- Webflow
- Webpack
- WooCommerce
- Wordpress
- YouTube API
- jQuery
- tween.js
-
Country
- United States
- United Kingdom
- France
- Italy
- Canada
- Germany
- Australia
- Netherlands
- Ukraine
- Russia
- Spain
- India
- Japan
- Poland
- Switzerland
- Sweden
- Portugal
- Belgium
- New Zealand
- Brazil
- Denmark
- Austria
- Israel
- Croatia
- Greece
- South Africa
- Singapore
- Turkey
- United Arab Emirates
- Argentina
- Czech Republic
- Serbia
- Ireland
- Hong Kong - Macau
- South Korea
- Georgia
- Armenia
- Romania
- Norway
- Taiwan
- China
- Estonia
- Bulgaria
- Cyprus
- Indonesia
- Malta
- Nigeria
- Slovenia
- Iceland
- Uruguay
- Lithuania
- Slovakia
- Finland
- Latvia
- Malaysia
- Kazakhstan
- Vietnam
- Colombia
- Thailand
- Belarus
- Chile
- Mexico
- North Macedonia
- Pakistan
- Sri Lanka
- Saudi Arabia
- Bangladesh
- Hungary
- Lebanon
- Philippines
- Ecuador
- Egypt
- Kosovo
- Mauritius Island
- Moldova
- Morocco
- Peru
- Azerbaijan
- Luxembourg
- Monaco
- Qatar
- Albania
- Cook Islands
- Costa Rica
- Dominican Republic
- Iran
- Tanzania
- Uzbekistan
- Algeria
- Aruba
- Bahamas
- Bosnia and Herzegovina
- Botswana
- Cameroon
- Cayman Islands
- Faroe Islands
- French Polynesia
- Ghana
- Isle of Man
- Kenya
- Maldives
- Montenegro
- Myanmar
- Nepal
- Puerto Rico
- Réunion
- Syria
- Zimbabwe
-
Font
- DM
- Avenir
- Arial
- Aeonik
- Barlow
- Circular
- Canela
- Druk
- Cormorant
- AT
- ABC
- Archivo
- DIN
- Aktiv
- Assistant
- Apercu
- Bebas
- Degular
- Cabin
- ETmodules
- Clash
- Acumin
- Anton
- Averta
- Akzidenz
- Be Vietnam Pro
- Brandon
- Calibre
- Caveat
- Century
- Adobe
- Basis
- Baskerville
- Cera
- Crisp Noto Sans
- Domaine
- Benton
- Bitter
- Chakra Petch
- Comfortaa
- Editorial New
- Akkurat
- Axiforma
- Bai Jamjuree
- Biotif
- Bon
- Brown
- Ano
- Butler
- Changa One
- Charter
- Cooper
- Abel
- Adieu
- Alata
- Albert Sans
- Almarena
- Archia
- Arimo
- Arvo
- Aventa
- Basier Circle
- Blacker
- Bricolage Grotesque
- Cardo
- Copyright Fort Foundry LLC
- Droid Sans
- EB Garamond
- Adelle
- Akrobat
- Albra
- Alegreya
- Almarai
- Amatic SC
- Arges
- Austin
- Ayer
- Bagnard
- Baskervville
- Baton
- Bigilla
- Bodoni
- Bold
- Bradford
- Bungee
- Castoro
- Chillax
- Cinzel
- Ciutadella
- Copyright General Type Studio
- Copyright Sharp Type Co. This font is licensed for web use only.
- Courier
- Crimson
- Dahlia
- Darker Grotesque
- Denim
- Didot
- Dosis
- Editorialnew
- Abril Fatface
- Agrandir
- Alegreya Sans
- Aleo
- Allura
- Ambit
- Americana
- Antonio
- BW Haas Text Mono A-55 Roman
- BWHaasGrotesk-55Roman-Web
- BWHaasGrotesk-75Bold-Web
- Beatrice
- Bodoni Moda
- Borna
- Brice
- Cako
- Cambon
- Cardinal Fruit
- Caslon
- Catamaran
- Chivo
- Circe
- Copyright (C) H&Co | typography.com
- Courier New
- Dala Floda
- Dela Gothic One
- Domine
- DotGothic16
- Droid Serif
- Electrolize
- Color
UI design
Best selection of UI design Website examples for your inspiration...
Read more
How to apply User Experience (UX) and user interface (UI) tools and principles to your website designs, UI design, design systems, animation systems, workflows, design thinking, information architecture, prototyping, wireframing, research, user testing, usability, user-centered design, Figma, Webflow, Adobe XD, Sketch, Principle, After Effects, InVision and more.
According to Wikipedia, "User interface design (UI) or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the user experience."
Designing a standout user interface can be challenging, but it's incredibly rewarding. At Awwwards, we've curated a collection of the most innovative and visually striking UI designs to inspire you. These examples demonstrate how thoughtful UI design can improve user experience and make digital interactions smoother and more enjoyable.
A great UI combines aesthetics with functionality, ensuring that users not only appreciate the visual appeal but also find the interface intuitive and easy to navigate. Whether you prefer sleek minimalism, vibrant colors, or intricate details, you'll find plenty of inspiration here.
Our selection features a wide range of UI designs, from clean, simple layouts to more complex, dynamic interfaces. Each example has been chosen for its design excellence and ability to balance beauty with usability.
Browse through our curated collection to find ideas for your next project. See how top designers use the latest trends and techniques in UI design, and think about how you can incorporate these principles into your own work. Whether you're designing for the web, mobile apps, or other digital platforms, these examples will help you elevate your UI design game.
Other Links: UI Design courses | Figma | Figma courses