30 Creative UI Design Examples to Fuel Your Inspiration

Snow
Oct 25, 2024
34682
13mins read

Frequently browsing fresh website and app interface designs helps you stay updated with the latest UI trends and sparks new ideas for your projects.

To make your work easier, we've curated a collection of the latest and most innovative web and app UI examples to inspire you, covering everything from onboarding and registration to storytelling and navigation. Some free UI design kits are also included.

Whether you're actively working on a project or just exploring ideas, don't forget to try our free prototyping tool and UI design tool to streamline your web or app design process.

Best UI design examples for websites & web apps

1.Five Pathways

Five Pathways

Unlike typical websites that sell tangible products, Five Pathways provides retirement financial planning services and employs a unique illustration design style. This approach creates a vintage, user-friendly, and trustworthy experience. As you scroll through the site, you won't encounter the usual formal corporate vibe found on many other websites, making it feel more approachable and inviting.

2.Mooders

Mooders

Mooders is an inspiring portfolio website for a modern sound design studio, featuring a masked video background that sets a dynamic tone. The homepage menu embraces a touch of brutalism, allowing users to hover over different options, which alters the homepage style. 

This interactive design is consistently applied throughout the site, creating an engaging and immersive experience as you scroll through, keeping it interesting at every turn.

3.Superpower

Superpower

Superpower is an advanced platform designed to optimize your health, offering an immersive parallax scrolling experience on its website. With engaging visuals and interactive design, visitors can easily scroll through to explore the brand's concept while enjoying a captivating, visually rich journey. 

The seamless combination of storytelling and dynamic visuals creates a truly immersive and interactive experience.

4.Unveil

Unveil

Unveil is a modern portfolio website for a creative design studio, distinguished by its unique record-store-style menus on the homepage. 

As you scroll through with the mouse wheel, project images loop continuously until you select one that you are interested in. The rest of the website's buttons and sections are positioned just far outside this standout menu, further enhancing the site's distinctive design and user experience.

5.Beisbol en Salt Lake

Beisbol en Salt Lake

Beisbol en Salt Lake is a modern website for selling sports tickets, featuring a vibrant and energetic design filled with dynamic sports imagery. The lively visuals naturally inspire a passion for sports, encouraging users to purchase tickets. 

If you're designing a sports, game, or similarly themed website, the UI design of this site is sure to spark your creativity and provide fresh inspiration.

6.Stevia Please

Stevia Please

Stevia Please is a vibrant portfolio website created by Camille Frairrot, a professional freelance motion designer and art director. The site incorporates a variety of artistic design elements, such as bento-box grid layouts, candy-like pastel colors, fluid water-like animations, bold typography, and intricate design projects. 

This combination of creative visuals makes it an ideal source of inspiration for UI/UX designers aiming to craft artistic and immersive user experiences.

7.Zentry

Zentry

Zentry is a stunning Metagame center that seamlessly merges gaming with reality. It stands out for its flawless integration of cutting-edge design trends, including 3D figures and videos, bold and striking typography, captivating animations and transitions, slide-style menus. The illustration-style images further enhance its visual appeal. 

For anyone looking for fresh inspiration in modern web design, Zentry is a must-visit.

8.The Maison of All Victories

The Maison of All Victories

The Maison of All Victories is an inspiring collaboration between LVMH and the Paris 2024 Olympic and Paralympic Games. The website functions like a 3D online museum, guiding visitors through Olympic victories one door at a time. 

Our team is especially impressed by the accordion-style menus that allow for seamless navigation between different sections of this virtual museum. 

Smooth loading, fluid transitions, multiple language options, and immersive 3D designs all contribute to creating an engaging experience to immersive visitors into the stories of the Olympic Games.

9.Following Wildfire

Following Wildfire

Following Wildfire is a remarkable online project aimed at raising awareness about the impact of forest fires. To encourage active participation in protecting forests and communities from wildfire threats, the designers have adopted a serious dark theme, using bold red accents to highlight important buttons, content, and warnings. 

In addition to its powerful storytelling techniques, the website features various attention-grabbing warning designs that effectively guide users to focus on critical information and numbers. It's definitely worth exploring for design inspiration, especially if you're looking to create impactful, attention-driven UI elements.

Best free UI design templates for webs

10.Free Shopping Website

Shopping Website Template

This shopping web interface design template is a great example of how to build a professional online commercial website. It features a standout hero-image slider, detailed product pages, product filters, a shopping cart, and more, all of which you can easily copy and use in your own projects. The template offers a variety of web page designs, giving you plenty of options to customize your site.

Free download

11.Free Mata Website Design Inspiration

Free Mata Website Design Inspiration

This website UI design example features a collection of free landing page templates in NFT and Meta styles. Each template has its own unique themes, layouts and highlights, allowing you to browse freely for inspiration for your next project.

Since it's free, you can also directly download and save the templates to your account, making it easy to customize and create your own landing pages.

Free download

12.Free Corporate Website Example

Free Corporate Website Example


A corporate website is essential for companies to showcase products, share brand stories, and reach a broader audience online. This corporate website example includes all the typical elements, such as a Home page, Navigation, About Us page, Blog, and Contact page. 

The premade interactions and animations make it easy to understand how the website functions, offering a clear guide for creating your own corporate site.

Free download

13.Free Live Stream Platform Design

Free Live Stream Platform Design

Livestream websites, like YouTube, are becoming increasingly popular. This design example provides a free template to help you quickly create your own livestream website. It includes over 11 essential pages needed for a livestream platform, allowing you to easily customize text, images, and video backgrounds to build your site effortlessly.

Free download

14.Free CoinBase Web Dashboard Design

A dashboard is a crucial element of modern websites and web apps, offering a central hub for managing data and interactions. This free example provides a variety of dashboard UI designs, showcasing different styles and layouts. It includes all the essential elements needed for an effective dashboard, making it a valuable resource for inspiration and guidance when designing your own.

Free download

Best UI design examples for mobile apps

15.Marketing Mobile App Design

Marketing Mobile App Design

This app UI design is crafted for both iOS and Android devices, featuring vibrant color combinations and a standout neumorphic design. By skillfully using shadows and color contrasts, it creates a distinctive and visually appealing effect. If you're thinking of applying a similar style to your interface project, it's a good idea to first learn the basics of creating neumorphic designs to achieve the desired look.

16.Little Movers

 Little Movers

Little Movers is a mobile design project concept for a home workout app. To make the exercises fun and accessible for every user, the designers adds many vibrant, illustration-style characters that guide users through engaging workout routines. These playful visuals, combined with interactive designs, create an immersive and enjoyable exercise experience for users.

17.Emotion Tracker

Emotion Tracker

This app interface design sample is crafted for mood tracking and features charming 3D emojis. Each emoji is detailed with fluffy belly fur, where every strand is clearly visible, giving the design a soft and playful feel. 

These 3D techniques not only look cool and engaging but also add a modern, high-tech vibe to the app, making it a great option to consider for your own project.

18.Modern Mobile UI

Modern Mobile UI

This mobile UI is a great example of inspirational design that seamlessly blends gradient colors, sketches, and real images. Despite its minimalism, the interface remains visually engaging, offering a clean yet distinctive user experience.

19.Podcast Mobile App

Podcast Mobile App

Podcast mobile app is an app design concept for a car rental app that brilliantly combines green and red colors to create a vintage poster-style aesthetic. The eye-catching illustrations, thoughtful layout, and nostalgic color palette come together to evoke an old-fashioned, yet inviting experience, offering a unique and memorable interface for users.

20.Food Delivery App UI

Podcast Mobile App

A food delivery app design that stands for perfect blend of food illustration and real images, a popular trend in modern app design, which would also be worth a try when you are working on a similar app design themes, such as food, delivery, drinks or grocery app. 

There are also far more user-friendly designs that you may also get inspiration. 

21.Dateasy Mobile App

Dateasy Mobile App

Dateasy, as the name suggests, is a dating mobile app with a striking color palette. The designer has shared key pages, offering a detailed look at essential features like filters, searches, likes, and subscriptions. These pages provide valuable insights and inspiration for creating engaging and visually appealing dating app interfaces.

22.Eyeball Onboarding 

Eyeball Onboarding

This app design concept showcases the onboarding screens of the Eyeball mobile app. It features a black theme for an eye-friendly experience, complemented by a vibrant color palette that enhances immersion. 

The use of vibrant colors against a black background is a notable UI design trend worth exploring for your own projects.

23.AR Social Network App Onboarding

AR Social Network App Onboarding

This project showcases onboarding UI examples for an AR social network app. In contrast to the previous example that engages users with vibrant colors, this design stands out for richer visuals, such as VR images, icons, emojis, and switchable color themes, creating a dynamic and interactive experience for users as they get started with the app.

24.Bike Buddy

Bike Buddy

Bike Buddy is an example that highlights the UI motions involved in renting a bike. The design focuses on smooth transitions and engaging animations, creating an intuitive and enjoyable user experience as users navigate through the bike rental process.

Best free UI design templates for mobile apps

25.Free Vinder Social App

Free Vinder Social App

Vinder is a free app UI kit designed for a typical social networking app, featuring essential pages like Login, Verification, Home, Explore, Personal Settings, Chat, and more. 

With its inviting color palette and card-swipe style homepage, the kit includes VIP purchasing options, clickable interactions, and various other elements that can greatly simplify your design process. 

Free download

26.Shopping App

Shopping App

This shopping app UI kit is ideal for any online store or commercial application. It features all the key screens, including the shopping cart, product detail pages, payment page, and more. Designers can easily customize the kit by replacing text and images, streamlining the process of creating their own shopping app.

Free download

27.Marvie Multipurpose iOS UI Kit

Marvie Multipurpose iOS UI Kit

If you're searching for UI kits to create a playful illustration-style mobile app, Marvie is a fantastic option. Packed with colorful and cute illustration pages, this multipurpose UI kit allows you to design apps across various themes, including a Pet mobile app, Shopping app, and more. Feel free to check it out if you're interested!

Free download

28.Fitness X Mobile App

Fitness X Mobile App

Fitness apps are increasingly popular, and if you're working on a design project in this space, this app UI kit could be a great resource. It includes 28 premade pages and content, making it easy to customize and tailor to your needs. 

Best of all, it's completely free and fully editable.

Free download

29.Contra Mobile App UI Kit

Contra Mobile App UI Kit

Contra offers a wireframe UI kit designed for beginners, featuring charming hand-drawn style illustrations. It includes over 30 screens covering all essential design pages needed to create a mobile app, such as onboarding UIs, registration, Blog, Contact Us, Success pages, and more.

You can easily download it for free and create your own app with simple drag-and-drops.

Free download

30.Uber Eats Mobile App

Uber Eats Mobile App

Uber Eats is a UI kit designed for online food ordering and delivery apps. It mimics the design aesthetics of Uber's apps while incorporating its own unique features and advantages. 

Free download

Wrap up 

In today's digital world, the UI design of a product or service can significantly impact its ability to reach a wider audience and drive higher revenue. We hope this curated collection of inspirational UI design examples for websites and mobile apps sparks your creativity and helps you craft exceptional designs for your next project.

Start your web or app UI design with Mockplus for free
Get Started for Free
Start your web or app UI design with Mockplus for free
Get Started for Free
Start your web or app UI design with Mockplus for free
Get Started for Free
What's Mockplus?
Mockplus RP

A free prototyping tool to create wireframes or interactive prototypes in minutes.

Mockplus DT

A free UI design tool to design, animate, collaborate and handoff right in the browser.

Free web & app prototyping tool
Create wireframes or highly interactive prototypes in just minutes.
No time limit Up to 10 users
Get started
No, thanks, i'm good.