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/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/luisedmc/weather_ui

Weather App made with Flutter !

flutter ui ui-design weather weather-app

Last synced: 10 Nov 2024

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/myself-aas/portfolio

Discover my portfolio highlighting expertise in web design, Iot system development, and AI/machine learning. This responsive site, built with HTML, CSS, and JavaScript, features key projects, a modern design, and an interactive contact form, showcasing my ability to create impactful solutions.

css-animations html-css-javascript html-template html5 javascript-project portfolio-website responsive-design responsive-web-design ui-design website-design website-development website-template

Last synced: 11 Nov 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: 11 Nov 2024

https://github.com/tmseldon/uileveldesigncourse

[Unreal 5.3] UI Level Design Course - translating pure Blueprints into pure C++ classes

cplusplus ui ui-design unreal-engine unreal-engine-5

Last synced: 19 Nov 2024

https://github.com/caseyochieng/100-day-flutter-ui

100-Day Flutter UI Course Master the art of creating stunning mobile apps with this comprehensive Flutter course Dive into Flutter's widgets, layouts, animations, and more to build captivating user interfaces Suitable for both seasoned developers and beginners, this course promises to elevate your design expertise and unlock your potential

100daysofcode flutter flutter-apps flutter-apps-development flutter-widget learning-by-doing ui-components ui-design uikit

Last synced: 27 Dec 2024

https://github.com/thatgirldorian/social-media-network-ui-with-html-css

This is a user interface design I made for a social media network with only HTML & CSS. It's modelled after Facebook, but I switched up a few things.

html-css ui-design

Last synced: 03 Jan 2025

https://github.com/imvinojanv/music-app-ui-design

Music App Interface Design 📻 Inspired by Spotify

react-ui-kit spotify-design ui-design

Last synced: 17 Oct 2024

https://github.com/e-d-i-n-i/gebeya-pub

Gebeya is an e-commerce application built with Flutter for both frontend and backend, utilizing Firebase for data management and user authentication.

dart ecomerce fibase flutter-ui mobile-app ui-design

Last synced: 13 Nov 2024

https://github.com/shamikaredkar/kmeans-algorithm-visualizer

The K-Means Visualizer is an interactive web application designed to help users understand and visualize the K-Means clustering algorithm. Through an intuitive interface, users can experiment with different numbers of data points and clusters, and observe how the algorithm iteratively updates centroids and assigns data points to clusters.

bulma css html interactive-visualizations interactive-webpage javascript jquery kmeans kmeans-clustering kmeans-clustering-algorithm machine-learning machine-learning-algorithms ui-design

Last synced: 06 Dec 2024

https://github.com/thegibi/flex-box

Clonning Twitter Profile Page using Flex-Box from CSS3 to improve Design Skills! :)

css3 flexbox-css frontend-web ui-design

Last synced: 05 Jan 2025

https://github.com/annygutierrez/thestandin-design

This app design was inspired by the netflix serie called 'The perfect date':

figma logo-design netflix ui-design ux-design

Last synced: 10 Nov 2024

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

UI design from scratch building out Nike UI screen.

nike-shoes react-native ui-design

Last synced: 12 Nov 2024

https://github.com/rl4444/digital-guitar-tuner

Digital guitar tuner Mac/ Windows/ Linux application built using Electron Forge (Javascript), HTML, CSS, Web Audio API and build with the package 'pitchfinder' - https://www.npmjs.com/package/pitchfinder

electron react ui-design webaudio-api webpack

Last synced: 19 Dec 2024

https://github.com/sakibvhossain/assignment

Interview Assignment

dart flutter hivedb rest-api ui-design

Last synced: 01 Jan 2025

https://github.com/krypton225/ui-challenge-intern2grow-1

This is just a UI task for training in intern2grow.

html5 intern2grow less less-watcher ui-design ui-development watch-compiler

Last synced: 25 Dec 2024

https://github.com/harveyq999/mobile-baking-recipe-app-ui

KHN'S BakeCraft- Mobile Baking Recipe App UI Design

figma ui-design

Last synced: 10 Oct 2024

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: 11 Nov 2024

https://github.com/shyke0611/portfolio_website

Personal Portfolio website using HTML, CSS, Javascript

html-css-javascript ui-design ux-design

Last synced: 16 Nov 2024

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: 16 Nov 2024

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: 16 Nov 2024

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: 11 Nov 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 Gemini, esta aplicación analiza y describe detalladamente la interfaz de usuario y genera el código HTML correspondiente.

python streamlit ui ui-design

Last synced: 14 Nov 2024

https://github.com/sharif-minhaz/global-wire

A material UI based small project

material-ui reatctjs ui-design

Last synced: 14 Nov 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: 14 Nov 2024

https://github.com/ingridevv/desafio-ux-dio

Projeto de UX do curso Formação UX da plataforma Digital Innovation One.

course-projects design-system dio-bootcamp prototype ui-design ux-design ux-designer ux-experience ux-ui

Last synced: 11 Nov 2024

https://github.com/dhdsouza/uc16-ux

Repositório dedicado as aulas ministradas da Unidade Curricular 16 (desenvolvolver interface para melhor experiência do usuário) do curso técnico em desenvolvimento de sistemas (TDS) do Senac São Leopoldo.

educational figma ucd ui-design ux-design

Last synced: 29 Nov 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: 11 Nov 2024

https://github.com/veenatht/astro-nots

Redesigning a website - Figma

figma ui-design

Last synced: 18 Dec 2024

https://github.com/milaziabchenko/full-stack-task-tracker

Nifty task tracker created with MongoDB Atlas, Mongoose, Express, Node, React using Hooks, Reducer & Context, React Router v6, framer-motion animations, and my elegant design 💙💛

context-api css error-handling express-js framer-motion full-stack mern-stack middleware modular-architecture mongodb-atlas mongoose node-js odm prop-types proxy react-js react-router-v6 rest-api ui-design

Last synced: 11 Nov 2024

https://github.com/milaziabchenko/animated-photo-gallery

Photo Gallery built with CSS grid layout, using CSS animations

css-animations css-grid gallery grid-template-areas responsive ui-design

Last synced: 11 Nov 2024

https://github.com/milaziabchenko/minimo-website

Stylish photodiary | lifestyle | travel multi-page website created with modern features of HTML5, CSS3, and JavaScript, combining functional programming and OOP approaches

css-animations css-flexbox css-grid functional-programming html-css-javascript localstorage-api multi-page-application oop responsive ui-design

Last synced: 11 Nov 2024

https://github.com/milaziabchenko/custom-music-player-with-dropdown-select

Custom music player coupled with custom-made dropdown select, built with HTML, CSS, and JavaScript, combining FP and OOP approaches, and using the Web Audio API functionality

audio-player customization events functional-programming html-css-javascript oop ui-design web-audio-api

Last synced: 11 Nov 2024

https://github.com/andresp08/quiosco-app

Fullstack application that allows you to choose different products from a database and order your favorite food

nextjs prisma tailwindcss ui-design ux-design

Last synced: 12 Nov 2024

https://github.com/leo-henrique/easybank-landing-page

Landing page de um banco digital utilizando CSS BEM, React e SASS avançado para padrões de UI e consistência de design.

components css-bem react sass sass-architecture sass-boilerplate sass-maps sass-mixins ui-design

Last synced: 19 Dec 2024

https://github.com/abhishekjain12/media-lookup

UI design for new website

css html materializecss news-app ui ui-design

Last synced: 30 Nov 2024

https://github.com/bope142/react-tailwind-portfolio

an example portfolio built with React and Tailwind CSS

css portfolio-website tailwindcss ui-design

Last synced: 12 Nov 2024

https://github.com/chamithkavinda/100-day-ui-challenge

Ui design collection through figma

figmadesign ui-design

Last synced: 23 Nov 2024

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 Nov 2024

https://github.com/hamidhosen42/flutter_web_and_mobile_ui_squid_game

Flutter UI design web and mobile phone squid game.

dart flutter flutter-apps flutter-package ui-design

Last synced: 31 Dec 2024

https://github.com/gabrielcoutz/frontend-angular

Este projeto tem como intenção o aprofundamento em Angular, conhecimento e prática do NgRx e aumentar o domínio do Angular Material

angular angularmaterial api jasmine typescript ui-design ux-design

Last synced: 18 Dec 2024

https://github.com/khushie134/desi-explorer...uiux-project

Your go-to mobile app for an authentic exploration of India's diverse states and cities.

figma mobile-application prototype ui-design ui-ux ux-design wireframe

Last synced: 07 Dec 2024

https://github.com/lyestarzalt/cardanimation

A demo of stacked wallet with cool? animation in Angular and ionic

angular ionic ui ui-design

Last synced: 18 Dec 2024

https://github.com/yashi-singh-1/day-1-css-challenge

This project is a part of the 100 Days CSS Challenge. It focuses on creating a visually appealing, centered display of the number "100" using HTML and CSS. The design includes a gradient background and carefully positioned elements to form the digits.

100daysofcss css css-challenge css3 front-end front-end-development frontend html html5 ui ui-design web-design web-development

Last synced: 10 Nov 2024

https://github.com/msalman81/simon-game

One of everyone's favorite childhood games! an experience that enabled me to work with my javascript skills and the idea of front-end web game design.

css game game-development html javascript moazzam moazzamsalman simon-game simon-game-clone ui-design ux-design web web-design

Last synced: 10 Nov 2024

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/mdazlaanzubair/personal-portfolio-v2

Redesigning personal portfolio to give a glance about my programming career.

css-animations javascript nextjs personal-website reactjs trending ui-design

Last synced: 11 Nov 2024

https://github.com/amn-max/windowsformfactorial

Simple GUI Windows Form, Calculates Factorial of a number

factorial ui-design visual visual-studio windows-application windows-forms windows-ui

Last synced: 10 Nov 2024

https://github.com/jorgeacruz/react-native

All project React Native

javascript react-native ui-design

Last synced: 14 Nov 2024

https://github.com/saahiyo/react-form

This project is a simple signup form built using React. It includes features such as real-time password visibility toggling using React icons and form state management.

form react react-form reactjs ui-design

Last synced: 14 Nov 2024

https://github.com/TreblaTechnologies/tiger-ui

The UI components for use in Trebla Labs.

css3 react ui ui-components ui-design uikit ux ux-design vue

Last synced: 12 Nov 2024

https://github.com/jarircse16/catering_service

UI/UX Design of a Catering Service App using Figma.

figma ui-design ux-design

Last synced: 30 Dec 2024

https://github.com/simranjeet97/admission-cell-system

A Desktop Application used for University/Collage/School Student's Information and their Fee Information with Pending and Pay Options. It have Features to Add or Update Student details with Powerful MySQL database.

admissions-systems corejava desktop-application java minor-project oops project top-10 ui-design

Last synced: 14 Nov 2024

https://github.com/yanikkumar/tailwind-demo

Just some simple Tailwind CSS projects to work with. Not for production.

css design tailwind tailwind-css tailwindcss tailwindui ui-design

Last synced: 02 Jan 2025

https://github.com/lucaspdroz/blog-next

Just another blog.... but it's m <3

atomic-design carree development frontend ui ui-design

Last synced: 10 Nov 2024

https://github.com/shank404/traders.io

~~ JS / Express - Application ~~ This was our project in web-programming at our university. We used as framework express, sqlite and other Modules which are defined in the README.

expressjs html-css-javascript ui-design webdesign

Last synced: 02 Jan 2025

https://github.com/alexander784/kangacook

A Task management application that allows users to add, view, and delete tasks. Built with Django for the backend and React for the frontend.

django django-rest-framework reactjs restful-api ui-design use-context

Last synced: 12 Nov 2024

https://github.com/sudeepacharjee/profile-card

The profile card, crafted with HTML and CSS, presents a user's profile picture, name, designation, and a concise bio. It offers a clean layout, tasteful styling, and clear typography to create a visually appealing and informative representation of the user's identity.

front-end-development html-css-javascript profile-card ui-design

Last synced: 14 Nov 2024

https://github.com/pablowib/estatica-74-textocircular

¿Cómo crear texto circular en css?

css html ui-design

Last synced: 26 Dec 2024

https://github.com/ajaygandecha/tailwindcss-workshop

This is an introductory workshop showcasing TailwindCSS, hosted for the UNC Computer Science Experience Lab (CSXL)

css html tailwindcss ui-design

Last synced: 12 Nov 2024

https://github.com/justine-george/book-fellow-frontend-react

BookFellow's interface with dynamic components, state management, real-time updates, and a responsive layout.

bookclub bookfellow framer-motion frontend redux-toolkit typescript ui-design

Last synced: 01 Jan 2025

https://github.com/rishabhraikwar98/sinppet.code

A fully functional Ray.so clone (a powerful tool for sharing code snippets) with additional features. Share beautiful screenshots of your code on your social media platforms.

nextjs react shadcn-ui tailwindcss ui-design vercel vite

Last synced: 02 Jan 2025

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/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/arioum/dinorun

You've seen this before - Chrome's dino! But in a completely new scenery, done using pygame library in python.

character-design figma game-development pygame python ui-design

Last synced: 13 Nov 2024

https://github.com/megadev007/awesome_web_design

🎨 A curated list of awesome resources for digital designers.

bootstra css design material-ui react ui-design ux-design webdesign

Last synced: 14 Nov 2024

https://github.com/xdanny41/lferefresh

University of Oklahoma Lambda Phi Epsilon Refresh Site 2024

bootstrap5 css html javascript lambdaphiepsilon sass-framework ui-design web webdesign webdevelopment webmaster

Last synced: 19 Dec 2024

https://github.com/revan-alqahmi/tadbeer

A software engineering 1 project is a system that solves the problems we face on campus through good communication between professors and staff members

prototype requirments-analysis system-design system-diagrams ui-design

Last synced: 29 Dec 2024

https://github.com/revan-alqahmi/dream-travel

Software Engineering 2 Project it’s a program that provides travel lovers with everything they need

css html java javascript prototype requirements-engineering requirments-analysis software-testing system-diagrams ui-design

Last synced: 29 Dec 2024

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

goodRead's UI Re-imagined

goodreads html-css redesign ui-design

Last synced: 14 Nov 2024

https://github.com/alexandrbig1/testimonials

practicing HTML & CSS(testimonials component)

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

Last synced: 23 Nov 2024

https://github.com/rameshovyas/magzine-layout

CSS Grid Magzine Layout Demo for displaying blog posts.

blog-post-website-front-end css-grid-layout magzine-layout responsive-layout ui-design

Last synced: 30 Nov 2024

https://github.com/rameshovyas/magzine-layout-v3

Responsive magzine design for displaying aricles in multi column. Can be used for displaying featured artciles in your blog post.

css-grid-layout front-end-development magzine-layout responsive-design ui-design user-interface

Last synced: 30 Nov 2024

https://github.com/sanish07/infomania-v2.0

Enhanced Startup Responsive Website made with HTML, CSS, Bootstrap.

bootstrap css3 html ui-design web-development

Last synced: 30 Nov 2024

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 Inspiration 24 DBMS and SQL 24 Programming 24 Typography 20 Tools / Products 18 Blog & News 18 Productivity 18 Icons 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