Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

User interface design

The goal of user interface design is to produce a user interface which makes it easy, efficient, and enjoyable (user-friendly) to operate a machine in the way which produces the desired result (i.e. maximum usability). This generally means that the operator needs to provide minimal input to achieve the desired output, and also that the machine minimizes undesired outputs to the user.

https://github.com/himanshirohera/autosmart-infotainment

Smart in-car infotainment with facial recognition. Unlock and control your car’s infotainment system with face authentication, featuring a sleek UI/UX for music, navigation, and settings.

haar-cascade opencv python ui-design ux-design

Last synced: 19 Dec 2024

https://github.com/mayen007/contact-form

This is a solution to the Frontend Mentor Contact Form challenge, featuring a responsive and accessible form with validation for required fields, email format, query type, and consent. Built with HTML, CSS, and JavaScript, it includes a success message upon form submission.

accessibility dom-manipulation error-handling flexbox-css flexbox-grid form-validation form-validation-js form-validator-javascript html-forms ui-design

Last synced: 21 Dec 2024

https://github.com/alexisvassquez/emailsignature

Professional email signature that can be used as a customizable template.

customizable email-signature html html-css personalized template-project ui-design

Last synced: 19 Dec 2024

https://github.com/maitrakhatri/goodreads2.0

goodRead's UI Re-imagined

goodreads html-css redesign ui-design

Last synced: 14 Jan 2025

https://github.com/mayen007/nft-preview-card

A responsive NFT preview card component built with HTML and CSS. The project showcases an interactive design with hover effects and a mobile-first approach. It displays an NFT image, title, price, and creator info, following the challenge by Frontend Mentor.

accessibility beginner-friendly card-component css-variables css3 flexbox frontend-mentor frontendmentor-challenge hover-effects html-css html5 mobile-first ui-design web-development

Last synced: 21 Dec 2024

https://github.com/nermfrontdev/mariachi-cristiano

Somos un grupo de mariachi cristiano con más de 20 años de experiencia, ubicados en la ciudad de Oaxaca de Juárez, Oaxaca. En MARIACHI CRISTIANO CÁNTICOS AL REY ofrecemos nuestra música para el pueblo de Dios.

angular bootstrap emailjs html reactive-forms recaptcha-v2 scss typescript ui-design webdevelopment website

Last synced: 13 Jan 2025

https://github.com/chirag2203/alphabetlearning_learno_hci_project

This application allows you to practice writing letters and checks if you have written correct using neural networks

alphabet-learning css gemini-pro html javascript letter-recognition machine-learning neural-network neural-networks react ui-design

Last synced: 25 Dec 2024

https://github.com/atharibrahim/bmi-calculator-app

BMI calculator app provides accurate BMI calculation for men and women based on weight and height input. Includes pretty faces, gender-specific calculations, color effects, and errors. Ideal for tracking BMI and getting a quick overview of your weight.

android-app-development atharibrahimkhalid bmi bmi-calculator bmi-calculator-app java ui-design

Last synced: 21 Jan 2025

https://github.com/yashi-singh-1/cat-painting-using-html-and-css

Create a digital cat painting using HTML and CSS. The design features the cat's head, ears, eyes, nose, mouth, and whiskers, all built with divs and styled using CSS positioning, borders, and gradients. This project showcases the power of CSS for intricate designs and enhances web development skills through a creative, hands-on approach.

cat-painting creative-coding css-border css-gradient css-positioning css-shape css-shapes css3 front-end front-end-development frontend hands-on-project html5 styling-techniques ui-design visual-creativity web-design web-development

Last synced: 07 Jan 2025

https://github.com/HamzaDogann/Hami

🖼️ | 🤖 Hami for a Great AI Experience - Text & Image Generator

ai-generator image-generation-ai reactjs tailwindcss ui-design ux-design

Last synced: 23 Oct 2024

https://github.com/ashish0kumar/mini-projects

🌻 Some very basic ui clones i did while learning html css

html-css html-css-javascript login-page-ui ui-clone ui-design

Last synced: 15 Jan 2025

https://github.com/commit111/defang-arduino-static

A static Arduino UI that takes user input, created for an embedded systems project at @DefangSoftwareLabs.

c defang embedded-systems static ui ui-design

Last synced: 20 Jan 2025

https://github.com/harshit433/crick11-mobile-application

Crick11 is a Flutter app similar to Dream11, enabling users to sign up, log in, create teams, join contests, and view live scores for games like cricket, football, and kabaddi. Users can compete for real money with dedicated wallets for deposits and withdrawals. The app features responsive designs and uses BLoC state management.

andorid-app bloc dart flutter-apps frontend ios-app mvc-architecture responsive-design state-management ui-design

Last synced: 16 Jan 2025

https://github.com/saranonearth/react-dashboard-ui

Dashboard ui with apex charts for visualization.📈

apexcharts dashboard reactjs ui-design

Last synced: 23 Oct 2024

https://github.com/ajmalfaris11/passforge

PassForge - Generate Unbreakable Passwords PassForge is a web application designed to generate strong and unbreakable passwords with customizable options. With PassForge, you can easily create passwords ranging from 4 to 32 characters in length, incorporating a mixture of lowercase letters, uppercase letters, numbers, and special characters.

css html5 js responisve-web-design ui-design ux-design

Last synced: 25 Dec 2024

https://github.com/ashish-makes/blog-website-ui

Trendy Blog UI Design made using HTML, CSS and JavaScript

blog css html javascript ui ui-design uidesign

Last synced: 25 Dec 2024

https://github.com/rickreisdev/doglife

Feito como exercício do canal balta.io, o projeto trata-se de 3 telas de um app que funciona como uma rede social para donos de cachorros. As telas foram feitas em Flutter baseadas no modelo feito por Yagnesh P. e Gavan Depani, disponível no Behance.

app dart flutter flutter-apps mobile-app rickreis rickreisme ui ui-design uikit

Last synced: 13 Jan 2025

https://github.com/turskyi/pastaandpizzaz-navdrawer

A demonstration Android app showcasing the implementation of a navigation drawer, built with Kotlin and a monolithic architecture. Features include a collapsing toolbar, share button with Bluetooth and Nearby options, and a sample UI for ordering pizzas. Based on a tutorial from "Head First Android Development" by Dawn Griffiths and David Griffiths

android collapsing-toolbar head-first-android kotlin monolith navigation-drawer nearby-sharing sample-app ui-design

Last synced: 06 Dec 2024

https://github.com/ArthurZhou/D2Lib-themes

Different official themes for D2Lib.

html-css-javascript themes ui-design

Last synced: 23 Oct 2024

https://github.com/bladealex9848/ui2html

UI2HTML es una herramienta innovadora que convierte imágenes de interfaces de usuario en código HTML. Utilizando la API de OpenAI, esta aplicación analiza y describe detalladamente la interfaz de usuario y genera el código HTML correspondiente.

gpt-4o-mini openai-api python streamlit ui ui-design

Last synced: 13 Jan 2025

https://github.com/hein-htetsan/audibook-ui-project

UI exam preparation

css html js ui-design

Last synced: 19 Jan 2025

https://github.com/emilracz21/lessonapp-android

This is an application designed to manage and display academic schedules. The app allows users to view their lessons for each week, including information on the start and end times, school names, and dates. It also allows users to interact with their schedules and modify personal information, such as their profile and language

android-app android-library android-studio design java lesson-plans lesson-template school sql sqlite ui-design ux-design xml

Last synced: 08 Jan 2025

https://github.com/josealvesdev/prototipo-profissional

Projeto final proposto pela dio.me, desenvolver um protótipo profissional com o tema livre. Formação UX Designer.

figma ui-design ux-design

Last synced: 06 Jan 2025

https://github.com/eesuhn/zinc-plant-store

Plant Store (UI/UX)

ui-design

Last synced: 24 Jan 2025

https://github.com/reachvivek/tindog

A landing page for tinder like app for Dogs developed using HTML, CSS and Bootstrap (Only Frontend).

bootstrap css front-end html landing-page tinder ui-design

Last synced: 19 Jan 2025

https://github.com/foxching/muilol

material ui login page for gaming website

material-ui react ui-design ux-design

Last synced: 19 Jan 2025

https://github.com/prthub/gericht

A Restaurent webapp using React

css react ui ui-design

Last synced: 29 Dec 2024

https://github.com/onyedikachi23/order-summary-component

Solution to Frontend Mentor Order summary card challenge

css3 html5 ui-design

Last synced: 23 Oct 2024

https://github.com/barata-ribeiro/steelmane-motorcycles

Website developed during the "UI Design for Beginners" and the "HTML and CSS for Beginners" courses at Origamid.com

css css3 final-project html html5 javascript ui-design

Last synced: 23 Jan 2025

https://github.com/mehtaab-010110/meals-on-the-move

A food ordering Figma application design.

figma ui-design

Last synced: 31 Dec 2024

https://github.com/barata-ribeiro/surfbot

Website developed from scratch, about a surfing school. Design made during the "Advanced UI Design" course from origamid.com

html-css-javascript javascript javascript-modules javascript-vanilla ui-design

Last synced: 23 Jan 2025

https://github.com/mohamedmetwalli5/jearn-homeschoolingapp

Under COVID19 lockdown, students have to study from home. We designed a home-schooling framework that offers a similar user experience to what students used to have before the lockdown. We provide an informative interface to visitors, monitoring capabilities to parents, and educational material to the registered kids in this app.

hci ui-design ux-design

Last synced: 08 Jan 2025

https://github.com/davidkhahn/react-native-nike

UI design from scratch building out Nike UI screen.

nike-shoes react-native ui-design

Last synced: 11 Jan 2025

https://github.com/lunaniro/neural.image_genv3.0

Neural.Image_Genv3.0 is web app. hacker-inspired interface. Powered by reverse engineered API!!

ai api css hacker html image-generation javascript nodejs react reverse-engineering text-to-image typescript ui ui-design ux ux-design vite vitejs

Last synced: 13 Jan 2025

https://github.com/izolate/css

Re-usable CSS kit for personal projects

components css css-framework ui ui-design ux

Last synced: 26 Dec 2024

https://github.com/wadeChriestenson/Main_Application

A Django application to host my personal resume.

data-analysis data-visualization django plotly python ui-design

Last synced: 23 Oct 2024

https://github.com/nahuelrosas/robust-ui

Robust is a system for generating React components with real-time CSS injection. It is programmed in TypeScript, providing type safety and enhanced developer experience.

css css3 nextjs react reactjs robust typescript ui ui-components ui-design

Last synced: 02 Jan 2025

https://github.com/johnnyldealba/ecco-online

A website built in React and Typescript that has an image gallery and articles.

react react-router typescript ui-design

Last synced: 15 Jan 2025

https://github.com/tuirevii/buildinghub

Enhancing UX in the Building Renovation Process Through Experience-Driven Design | Semi-Interactive Prototype | Figma

communication figma prototype renovations ui-design ux-design web-service wireframe

Last synced: 15 Dec 2024

https://github.com/sameerajuman/turbo-delight-ui-design

UI design of Turbo Delight, a food delivery mobile app

mobile-app thunkable ui-design

Last synced: 11 Jan 2025

https://github.com/codemaster17/wedoer-the-freelance-agency

A freelance project delivered by me to the client, based upon his requirements

animations css3 html5 javascript jquery ui-design

Last synced: 08 Jan 2025

https://github.com/shuddha2021/swiftcalc

SwiftCalc - A modern and elegant calculator app for iOS, designed with SwiftUI for seamless user experience. Featuring basic arithmetic functions, clear display, and haptic feedback, SwiftCalc is your go-to tool for quick and accurate calculations.

arithmetic-operations calculator-app ios-development mobile-app percentage-calculations programming responsive-design software-development state-management swift swiftui ui-design xcode

Last synced: 26 Dec 2024

https://github.com/sushantkrsky/sushantkrsky.github.io

Built a responsive personal portfolio website adaptable to all devices, with UI components and animated interactions.

css dark-theme html javascript portfolio-website responsive scrollreveal-js swiper-js swiper-slider ui-design

Last synced: 26 Dec 2024

https://github.com/sushantkrsky/modern-website

Building a responsive personal portfolio website adaptable to all devices, with UI components and animated interactions.

html-css-javascript portfolio-website responsive-web-design scrollreveal-js ui-design

Last synced: 26 Dec 2024

https://github.com/seanmisra/quickquery

jQuery helper functions: UI/UX elegance

gulp javascript jquery misra quickquery sean uglifyjs ui-design ux-design web

Last synced: 10 Jan 2025

https://github.com/mallikarjunh/healthtools

This repository contains various useful health tools which are commonly used.

autolayout-constraints design healthcare healthcare-app ios swift ui-design

Last synced: 15 Jan 2025

https://github.com/hermeskeng/deliveryapp

Junior Project

android mobile ui-design

Last synced: 26 Dec 2024

https://github.com/yuktasree/wisewal.ai

This repo contains the UI design for WiseWal.ai, an AI-powered savings and expense tracker with features like real-time expense tracking, financial goal planning, and personalized money-saving tips.

artificial-intelligence balsamiq figma finance-ai-chatbot finance-ai-tool finance-app heuristic-evaluation high-fidelity-prototype human-computer-interaction low-fidelity-prototype mobile-app ui-design ux-design ux-ui

Last synced: 10 Jan 2025

https://github.com/HackersYacht/whatsapp

A WhatsApp UI clone

react-native ui-design

Last synced: 23 Oct 2024

https://github.com/madhavaneraye11/jetpackcomposeonlineshoppingproject

This is my first Android application built using **Jetpack Compose**, focusing on an **online shopping** experience. The app allows users to browse products, add them to the cart, and complete their purchase.

android android-application jetpack jetpack-android jetpack-compose jetpackcompose kotlin kotlin-android mobile sdk ui ui-design uiux

Last synced: 14 Jan 2025

https://github.com/alexandrbig1/testimonials

practicing HTML & CSS(testimonials component)

css3 freelance frontend html5 ui-design ux-design webdesign webdeveloper

Last synced: 23 Jan 2025

https://github.com/alexandrbig1/hero-page

HTML/CSS course (Hero page)

css3 frontend html5 ui-design ux-design webdesign

Last synced: 23 Jan 2025

https://github.com/abhiigatty/project_dsign

This is collection of web mockups, architecture design and other visual projects that i work on from time to time.

artwork design-patterns design-thinking learning-by-doing learning-design mockups ui-design ux-design ux-research

Last synced: 15 Dec 2024

https://github.com/imdesai00/chatapp_android

created chatapp in android studio. in this app you can chat in realtime it also has some new functinality like update profile details. in this project i created stunning ui.

android android-studio firebase firebase-auth realtime-chat ui-design

Last synced: 26 Dec 2024

https://github.com/exoad/design

Colors and themes for all my GUI apps

color color-palette color-scheme color-theory colorscheme theme ui-design

Last synced: 30 Dec 2024

https://github.com/kerciu/cpp-tetris-clone

👾🕹️ Tetris clone made in C++ 👨‍💻🎲 A simple clone of popular game named Tetris 🟦🟩🟥 using C++ programming language 👨‍💻 and SFML graphic library. 🍡

cpp game game-development gamedev gui object-oriented-programming sfml sfml-game sfml-graphics-library tetris tetris-clone ui-design

Last synced: 15 Jan 2025

https://github.com/SCarrollKeene/stephencarrollkeene

My 2021 UX/UI Portfolio site created using HTML, CSS and JavaScript. Currently hosts 4 of my case studies.

css front-end-development html javascript portfolio ui-design ux-design webdevelopment

Last synced: 23 Oct 2024

https://github.com/deepak-tiwari-dt/tokyo-revengers-characters

A UI Design made using React which lists all the anime characters of Tokyo Manji.

css html javascript react ui-design

Last synced: 08 Jan 2025

https://github.com/ksh5324/ui

Make a simple ui that we use in school

npm storybook ui-design

Last synced: 20 Dec 2024

https://github.com/joacod/oddify

An odd looking UI component library for Astro 🚀

astro components-library css css3 ui-design ui-library

Last synced: 05 Nov 2024

https://github.com/bryancastillo10/frontendmentor-challenges

A collection of frontendmentor solved challenges. I will use React-Typescript-Tailwind stack for practice

frontend-development frontend-mentor tailwindcss typescript-react ui-design

Last synced: 21 Jan 2025

https://github.com/shyke0611/portfolio_website

Personal Portfolio website using HTML, CSS, Javascript

html-css-javascript ui-design ux-design

Last synced: 17 Jan 2025

https://github.com/shyke0611/ux-design-high-fidelity-prototype

High-fidelity prototype for the homepage and sign-up form of Freecycling!, featuring improved design and user experience using HTML, CSS, and JavaScript to promote environmentally friendly item exchanges.

css html javascript ui-design ux-design ux-experience

Last synced: 17 Jan 2025

https://github.com/shyke0611/escaipe-room-game-bank-breakout

An interactive escape room game using OpenAI API. Find clues, solve puzzles, and escape rooms with AI-powered guidance. Features various difficulty levels and timers.

css java openai-api prompt-engineering ui-design

Last synced: 17 Jan 2025

https://github.com/anibalalpizar/dotnet-clinic-gestor

Desktop application used design patterns (BLL, DAL) and a user-friendly graphical interface.

csharp desktop-application dotnet patterns-design ui-design

Last synced: 08 Jan 2025

https://github.com/mxssw2/jetpackcomposeonlineshoppingproject

This is my first Android application built using **Jetpack Compose**, focusing on an **online shopping** experience. The app allows users to browse products, add them to the cart, and complete their purchase.

android android-application jetpack jetpack-android jetpack-compose jetpackcompose kotlin kotlin-android mobile sdk ui ui-design uiux

Last synced: 14 Jan 2025

https://github.com/ayushibansod/lotusocial

Lotus is a user-friendly social media app designed to make text-based sharing simple and engaging. With an emphasis on thoughtful interaction, Lotus provides a seamless experience where users can easily create, view, and engage with posts.

lotustalks post-and-connect react reactjs ui-design

Last synced: 20 Dec 2024

https://github.com/troccoloAndrea/simple_portfolio

Simple personal portfolio in html and css for Start2Impact project.

css html javascript ui-design

Last synced: 23 Oct 2024

https://github.com/milaziabchenko/full-stack-dev-blog

My personal dev blog/site created with TypeScript, Node, Express, MongoDB Atlas, Firebase Auth & Admin SDK, React, React Router v6, Axios, and (engaging) articles that you can upvote and/or comment ✨✨

authentication axios express firebase-admin-sdk firebase-auth full-stack hooks mern-stack modular-architecture mongodb-atlas node react react-router-dom-v6 responsive-layout rest-api typescript ui-design vite

Last synced: 09 Jan 2025

https://github.com/selvamuthukumaranrajan/recipeapp

Native android food recipe app

android data-structures java ui-design xml

Last synced: 10 Jan 2025

https://github.com/jesserc/techcreek-ui-redesign

UI redesign of techcreek.ng made with react-js and sass

react react-router sass ui-design

Last synced: 20 Dec 2024

https://github.com/falk33n/portfolio

Full-stack portfolio built with SvelteKit, showcasing projects with dynamic components, responsive design, and optimized performance.

backend developer frontend fullstack fullstack-development performance-optimization personal portfolio responsive-design sveltekit tailwindcss ui-design web-accessibility web-components

Last synced: 16 Jan 2025

User interface design Awesome Lists
Awesome-Design-Tools 617 awesome-web-design 92 awesome_computer_science 116 awesome-minimal-sites 33 Awesome-CSS-Resources 234 awesome-ux 33 awesome-material-components 43 fucking-Awesome-Design-Tools 64 Awesome-Palette-Choice 30 Tools-for-UI-Designer 32 awesome_web_design 92
User interface design Categories
Table of Content 858 Frameworks / Resources 237 Uncategorized 34 Material Components Web (MDC Web) 29 Programming 24 DBMS and SQL 24 Inspiration 24 Typography 20 Icons 18 Productivity 18 Blog & News 18 Tools / Products 18 Colors 17 Cryptography and Network Security 16 Personal Websites 15 Web Development 13 Design Tools 11 Images 10 Material Components iOS (MDC iOS) 9 Material Components Android (MDC Android) 9