User Interface (UI) Components Projects
Explore “User Interface (UI) Components” projects created by Uxcel’s global community of product professionals. Want more? Browse all projects
Project
iOS A11Y Signup Form for SaaS
Alright, let’s take it easy! How about a form that’s so easy, even us couch potatoes can use it without breaking a sweat? It’ll work cross-p
Editors’ Choice
Project
HireHarbour Allies: UX/UI Case Study for Inclusive Landing Page
Note: Figma link contains multiple prototypes from research to the actual desktop view. It’s best viewed from a desktop screen. Problem: Wor
Project
Empty State - Education App
For the empty state page, my primary focus was on selecting illustrations that visually communicate the context and message of the empty sta
Project
404 Error Page for Fintech Platform Bankr💸
Hey friends 👋 I am excited to share the web design I've been working on. I did it for a 404 Error Page for Fintech Platform Bankr&nbs
Project
Bento Grid - SaaS Website Design
The design is effective in communicating the value proposition of the product and in persuading visitors to learn more.
Project
NextKit Free Admin Panel
NextKit is not just another dashboard UI — it's a developer-first admin panel starter kit tailored for modern web applications. Crafted with
Project
Professional Profile Page Design
This project focuses on redesigning the user profile page for a hiring platform, aiming to create a visually clear and user-friendly interfa
Project
Settings Page for Mobile App - Lokie App (Dark/ Light Mode)
Hey friends 👋 I am excited to share the web design I've been working on. I did it for the Settings Page for Mobile Apps: Lokie App (Dark/L
Community Choice
Project
Medilert - Smartwatch App
Hello! I'm Salvatore, and I'm excited to unveil my latest project—Medilert, meticulously crafted as a response to the Uxcel smartwatch desig
Project
Sidebar Menu
👋 Hi folks,✨ I have designed a concept-based sidebar for Design Vault - a design resource management platform. Simple, clean navigatio
Community Choice
Project
🎛️ Headless Button System
Designing a lean, future-proof component that scales without the bloat Background & ChallengeMemory errorsWhen a product design system/libra
Project
Pawsitively 🐾
Pawsitively is an intuitive and comprehensive digital pet care app designed to simplify and enrich the lives of pet owners by seamlessly man
Project
iOS A11Y Signup Flow for SaaS Platform
This project is an accessible iOS signup flow. It includes three simple screens: a splash screen, a signup screen, and a login screen. My go
Project
Accessible Sign-Up Form for Evolve Storefront
For this project, I created a signup page for a new SaaS platform that prioritizes accessibility, inclusivity, and ease of use. The goal was
Project
Button System Design
This project focuses on designing a versatile button system that includes three states—primary, secondary, and tertiary—along with shape var
Project
Blaze – Smart Fitness Tracking in Light & Dark Mode 🚀
The app combines personal insights, smart tracking, and community features to create a well-rounded and motivating experience. Both light an
Project
BUTTON SYSTEM DESIGN
01 - Laying the FoundationI chose a mobile financial application for this challenge due to the need for an intuitive and secure button syste
Project
Button Design System
Button Priorities and TypesPrimary Button: Highest priority actions like "Save", "Submit", "Confirm". Used to guide users towards the main a
Project
Button System for a Design Tool
Here's a button system for an accessible design tool with a cool-toned color scheme. The main focus for the system was visual accessibility
Project
FMQ's Pride landing page
FMQ PRIDE FMQ (Fabamaq) is a software house within Porto’s (Portugal) technology hub that strives to develop competitive casino products for
Project
Iron Fit
Project
Design Shot - Heatmap Dashboard Component
A meticulously crafted dashboard component that exemplifies clean design and functionality to show heatmap chart. Intuitive Heatmap Visualiz
Project
Mobile app for scooter rental
Overview. New Eco Option is a mobile application for scooter rental which collected scooters of all companies around Ukraine. The app provid
Project
Medical Management Dashboard-HealNow
HealNow is a powerful and intuitive Medical Therapy Management Dashboard designed to simplify the administration of online therapy services.
Project
Landing Page for Fashion Service / The hat shop
Landing page for a hat-making company. Minimalist and bright design featuring information about the new collection and sale. The sale is tim
Project
SaaS SignUp UI Design
Used Contrast plugin to check the accessibility. All of the elements have met the minimum AA requirements or more.
Community Choice
Project
UXCEL Challenge - Empty State Design for Education App
What is Empty State? Empty states are moments in a user's experience with a product where there is nothing to display. Here are a few e
Project
Paprika - Find Food You Can Eat
Paprika is a personalized restaurant app that caters to all diets, allergies, and personal preferences. It allows users to easily find the p
Project
Analytics Dashboard for Runners 📲
RunStats is a fitness companion for runners, offering a user-friendly dashboard to track and analyze health data for workouts/runs.
Project
Asian Food - Check Out page
Project
Button System Design
Design Task:Social Media Platform: Mastodon Social Network Develop a button system that features varying button priorities and showcases but
Project
Disney+ App Redesign
Hey friends 👋 I am excited to share the web design I've been working on. I did it for the Disney+ App Redesign by Karim Sai
Project
The Product Card
Project
Nav Bar Animation.
Thank you very much for being here💛 Contact me: ✨All links: https://bento.me/karimsaif 📬Business Inquiry: [email protected] Show
Project
SAAS Figma Template
Ah, moving on from UX research to SAASTECH! SAASTECH is a software platform that offers a variety of tools to help businesses manage their
Project
Spooky FigJamming
Figjam’s stickers or real-time emotes make the user experience feel more lively, approachable, and creative. Halloween, with its vibrant ima
Project
Shahyti - food delivery app
Shahyti is designed to revolutionize the food delivery experience for young, busy professionals in Egypt. By focusing on user convenience, r
Project
FinEase – Fintech App | UI/UX Design
FinEase is a sleek and intuitive fintech app designed to help users take full control of their finances. The app provides a seamless wa
Project
E-commerce website design
Hi there! This is my first project (e-commerce website design) for an inspiring lingerie store. I would be very happy to get any feedback, a
Project
Signature Bank
The bank focuses on addressing customer service and digital banking gaps left by existing banks. As a client of Elara Solutions, Signature B
Project
Confero Mobile App
Project
Reset Password Design for Mobile App and Forget Password - Camping App⛺
Hey friends 👋 I am excited to share the web design I've been working on. I did it for the Reset Password Design for Mobile App and Forget
Project
Minimal Button Design System - Dark / Light
This is a minimal button design system including Primary, Secondary and text versions, for different use cases. The project includes light
Project
Empty State Design for Unacademy (Education App)
Branding, Visuals, Colors, Typography : I chose to design empty states for a famous Indian learning platform named Unacademy. I used their
Project
NextChamps
NextChamps is an interactive EdTech platform designed to make online learning more engaging for students and more transparent for parents. W
Project
News App
Hey friends 👋 I am excited to share the web design I've been working on. I did it for the News App Design by Karim Saif. I h
Project
Spike Nuxtjs Admin Dashboard Design
Spike NuxtJs Admin Template offers a powerful and versatile solution for developers seeking to build modern, responsive, and feature-rich ad
Project
Design a card spent history for a banking app to help people avoid wasted food in the fridge
👉Due to its length, the full article can't be uploaded here. Please read the full case study.❗ designing a feature for a banking app that t
Project
Creating a responsive multi-client design & component system for an agency
A responsive, multi-client design system in Figma and Adobe XD created for an agency. The goal for this design system was to collaborate wit
Project
Shopping App Design
ShopSmart Project Overview ShopSmart" is a mobile shopping application designed to enhance the user experience in discovering and purchasin