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/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: 20 Jan 2025

https://github.com/ayushsiloiya619/figma

Figma Designs

figma ui ui-design ux-design

Last synced: 28 Jan 2025

https://github.com/prashantkoirala465/ui-ux-project

This repository houses the UI/UX design process for a comprehensive Third Studio Website Redesign. The project is part of the TECH 200 (UI/UX) course, focusing on Web3 aesthetics, user-centered design, and modern interface patterns.

figma figma-design ui ui-components ui-design ux

Last synced: 04 Feb 2025

https://github.com/lyrklif/css-utility-classes

Comprehensive CSS Utility Classes and SCSS Functions for Responsive and Scalable Frontend Development. This toolkit provides essential styles for text, layout, buttons, and more, enabling fast and efficient UI design with minimal custom CSS

button-style css css-variables flexbox-utilities frontend responsive-design scss styles text-styles ui-design utility-classes web-development

Last synced: 13 Nov 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 Jan 2025

https://github.com/gustavoohrq/game-store-ui

Prototype of a game store UI

axios react-native ui-design

Last synced: 24 Jan 2025

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: 28 Jan 2025

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: 28 Jan 2025

https://github.com/rameshovyas/css-multi-column-layout

Responsive web page design to display aricles in multi column. Can be used for displaying featured artciles in your blog post.

blog-post-website-front-end css-grid-layout css-ui multi-column responsive-web-design ui-design

Last synced: 28 Jan 2025

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: 28 Jan 2025

https://github.com/j0rgedev/lacocherapos

Desktop Java application for the point of sale and management of La Cochera restaurant

admin-dashboard java java-swing-gui point-of-sale ui-design

Last synced: 22 Jan 2025

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: 09 Jan 2025

https://github.com/nasirkhan294/modern-ui-ux-design

This project showcases a modern and sophisticated user interface and user experience design implemented using React. It emphasizes contemporary design principles to create an engaging and intuitive user experience.

reactjs ui-design ux-experience

Last synced: 05 Feb 2025

https://github.com/nasirkhan294/shoppy-admin-board

This is a React-based Admin Dashboard repository that provides a user-friendly interface for managing data and monitoring system performance.

admin-dashboard functional-components reactjs ui-design

Last synced: 05 Feb 2025

https://github.com/ezzeddinp/notes-app-homepage

Build with react native

homepage react-native ui-design

Last synced: 02 Feb 2025

https://github.com/prak112/beatmaker

A customized beatmaker for making and saving funky beats using pygame

freecodecamp-project music python python-pygame ui-design

Last synced: 15 Jan 2025

https://github.com/vaibhav-pant/responsiveui

A responsive UI Design for laptop screen. Not made for mobile devices.

javascript reactjs responsive-design styled-components ui-design

Last synced: 19 Dec 2024

https://github.com/onur1211/ratingapp

Rating web application template made with React and React-Bootstrap.

rating-system react template ui-design web

Last synced: 13 Jan 2025

https://github.com/owengregson/sparkev-ui

A recreation of the Tesla UI Interface, made in HTML, CSS, and JS for my EV project.

css3 html5 javascript spark spark-ev tesla tesla-clone tesla-ui tesla-ui-clone ui ui-design web

Last synced: 22 Jan 2025

https://github.com/kyleconrad/portfolio-2024

Astro build of Kyle Conrad's 2024 portfolio redesign/rebuild using Contentful as the content management system.

astro astrojs code contentful contentful-cms design development ui ui-design ux ux-design ux-ui

Last synced: 05 Feb 2025

https://github.com/byahram/flutter_ui

App UI Deign In Flutter

app flutter ui-design

Last synced: 15 Jan 2025

https://github.com/yahyaaaaaaaa/drawoverit

A Windows application that make you draw over any window

background-app dart drawing-app flutter quick-access ui-design windows-application

Last synced: 05 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/divyesh-pansuriya/rdcircleprogresskit

CircleProgressKit is a lightweight and highly customizable circular progress view designed for iOS applications. It allows you to create visually appealing progress indicators with optional center images, making it perfect for dashboards, fitness apps, and more.

circularprogressbar indicators ios open-source progress-bar progressbar story swift swift5 ui-design uikit whatsapp xcode

Last synced: 22 Jan 2025

https://github.com/jsimell/musicrecommender_ui-project

This repository describes the process of designing a UI for a music recommender mobile application (work-in-progress).

mobile-ui ui-design

Last synced: 22 Jan 2025

https://github.com/mrbrunelli/little-invest

Prototipagem de um site de investimentos utilizando o Adobe XD

adobe-xd ui-design

Last synced: 15 Jan 2025

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/malaksadek/ui-designs

A collection of Adobe XD files showing UI designs for mobile application and websites 📱 🎨 (2019)

adobe-xd adobe-xd-prototyping ui ui-design ui-ux ux-design

Last synced: 17 Jan 2025

https://github.com/rynanda/yield-productivity-app-design

A design of a productivity app, Yield, aiding users, students and employees alike, in becoming more productive.

figma mcdm prototyping stylesheets thematic-design-analysis ui-design

Last synced: 21 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/gabrielcoutz/frontend-react

Projeto criado para conhecimento e prática na criação de interfaces com Tailwind, domínio do React Hook Form, Zod e apresentação do Composite Pattern, Cypress e Storybook.

composite-pattern cypress nextjs react react-hook-form react-query storybook tailwind ui-design ux-design zod

Last synced: 24 Jan 2025

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/pedropfsf/recorrentes

Aplicativo de gerenciamento de despesas

dart flutter ui-design

Last synced: 27 Dec 2024

https://github.com/md0011/refersion-ui-pricing

Tried my hands on this beautiful UI using HTML and CSS.

css html javascript ui-design

Last synced: 22 Jan 2025

https://github.com/md0011/glassmorphism-card-ui

I tried to build this beautiful UI for sharp my CSS skills with Tailwind CSS.

tailwindcss ui-design webdevelopment

Last synced: 22 Jan 2025

https://github.com/pransu-code/bankist-website

Minimal Banking website ( Smooth UI interface and frontend )

figma frontend-development html-css-template javascipt ui-design website

Last synced: 16 Jan 2025

https://github.com/jason-omondi/ranchero

A Flutter mobile application for corporate employees and managers facilitate leave requests, view leave balances and analytics, track status, notifications and session management. It demonstrates modern mobile application development practices, including MVVM architecture, cross platform coroutines, testing strategies, and clean code principles.

animations dart flutter getx-state-management mvc-architecture provider self-service ui-design

Last synced: 27 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/samuelribeiroo/quiz-test

Quiz Test with questions about JavaScript language.

css-responsive dom-manipulation js-vanilla json-api mobile-friendly ui-design

Last synced: 23 Jan 2025

https://github.com/ameya-6964/artvert-advertisement-website-frontend

Artvert is an Indian Startup made By Talented Young Entrepreneurs Which Will Help You Build and Develop Your Brand

animation framer-motion reactjs responsive-web-design styled-components ui-design

Last synced: 21 Jan 2025

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 vite

Last synced: 09 Jan 2025

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: 09 Jan 2025

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: 09 Jan 2025

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: 09 Jan 2025

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/marceelodominguez/job_finder_app

An app to search for work using Rapid API. Jobs can be filtered and the search engine has an infinite scroll.

react-native react-native-navigation typescript ui-design

Last synced: 23 Jan 2025

https://github.com/HackersYacht/whatsapp

A WhatsApp UI clone

react-native ui-design

Last synced: 23 Oct 2024

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/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/ifYanneelse/Fact-checking-OJogo

Aplicativo Newsgame “Fact-checking O Jogo” :mag: | Universidade Federal de Santa Catarina

construct3 fact-checking factchecking gamedesign newsgame ui-design ux-design

Last synced: 23 Oct 2024

https://github.com/henrique1204/tipografia-na-web

Práticas e exercícios do curso de Tipografia Avançada da Origamid.

tipografia ui-design web-design

Last synced: 22 Dec 2024

https://github.com/henrique1204/projeto-art-baby

Projeto pessoal de um site comercial de bebês reborn.

css3 html5 javascript ui-design web-design

Last synced: 22 Dec 2024

https://github.com/henrique1204/exemplos-para-interfaces

Repositório para guardar meus testes de ideias para componentes de interface.

css3 es6 javascript ui-design ux-design web-design

Last synced: 22 Dec 2024

https://github.com/henrique1204/css-padrao

Este repositório serve para guardar arquivos padrões utilizados em projetos.

css3 grid-layout ui-design

Last synced: 22 Dec 2024

https://github.com/Gustavoohrq/game-store-ui

Prototype of a game store UI

axios react-native ui-design

Last synced: 23 Oct 2024

https://github.com/mijuqd/veterinary-appointment-webapp

This was our Third-year First-semester beginner-level capstone project

figma ui-design ux-design

Last synced: 23 Jan 2025

https://github.com/san00/star-wars

Search for star wars movie characters - May the force be with you.

bem-naming front-end-development html5 sass swapi-api ui-design

Last synced: 23 Oct 2024

https://github.com/totaro/totaro.github.io

Home for my JavaScript/React/Html/Css/Htmx/Angular/Tailwind CSS/Svelte playground. Also, check out my Figma UX/UI design examples: Landing Page, User Flows, Sitemap, Wireframing and Mobile App Design. I also experimented with Data Analytic Visualization Tool Tableau. Links in site Hero section and this repository Readme.

angular api css developer fetch-api font-awesome front-end-development frontend html htmx javascript react reactjs responsive-web-design svelte tailwindcss ui-design ux-ui website websitedesign

Last synced: 19 Jan 2025

https://github.com/gurjit03/100-days-design-challenge

This is famous daily ui 100 days design challenge

challenge css html ui-design

Last synced: 24 Jan 2025

https://github.com/zyn10/calculator_es6-javascript

Calculator with Html Css and es6

css es6-javascript html javascript ui-design

Last synced: 19 Jan 2025

https://github.com/atharibrahim/calculator

User-friendly interface, basic arithmetic operations, parentheses support, decimal input, error handling, and history display. Simplify your math tasks on the go!

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

Last synced: 21 Jan 2025

https://github.com/jarrarshahid/data-manager-app-with-apis

Data Manager App is a Flutter-based project that demonstrates efficient local data management with a clean and modern UI. It features CRUD operations powered by SQLite and also Includes REST APIs with the help of Mock Server making it an excellent tool for learning or showcasing app development skills in Flutter.

android android-app apis crud-application dart data-management flutter flutter-database ios localstorage mobile-app rest-api sqlite ui-design ux-design

Last synced: 23 Jan 2025

https://github.com/tanmayvaij/form-ui-designs

Sample designs of login page, registration page, forgot password page, change password page, and email verification page. Created using tailwind css

design forms internship-challenge tailwind tailwind-css tailwindcss ui ui-design

Last synced: 21 Jan 2025

https://github.com/mkenlo/Concentration-game

Concentration game a card game in which all of the cards are laid face down on a surface and two cards are flipped face up over each turn.

javascript ui-design

Last synced: 23 Oct 2024

https://github.com/bartolomej/sign-in-form

Sign In form design concept.

form-ui registration-forms ui-demo ui-design

Last synced: 22 Dec 2024

https://github.com/bartolomej/nike-website

Nike website design concept made for school project.

nike-shoes react ui-concept ui-design

Last synced: 22 Dec 2024

https://github.com/golangis/LTW-LunchLab

Web application that allows users to search for food and restaurants, as well as to create their own restaurants. 🍔🍕

figma javascript ltw php ui-design webdev webdevelopment

Last synced: 23 Oct 2024

https://github.com/thisisadityapatel/ScotiaSimple-UI-UX

A Scotiabank affiliated lite app prototype ScotiaSimple.

prototyping ui-design

Last synced: 23 Oct 2024

https://github.com/reus-design/reus-design

UI Library for React

reactjs rollup ui-design

Last synced: 23 Oct 2024

https://github.com/umair13adil/flutter_motion_ui

A flutter app to show case use of Animations in the app.

animations flutter flutter-examples flutter-ui flutter-widget ui-design

Last synced: 23 Oct 2024

https://github.com/DG-Product-Design/personal-portfolio

This is my personal portfolio website, built from the ground-up with React and Typescript. Uses GitHub Pages for CI/CD.

front-end-development react typescript ui-design ux-design

Last synced: 23 Oct 2024

https://github.com/crosbydoo/flux-ui

Flux UI is a open source design system thats make by crosbydev. customize component thats make be easier to use and to help the development

android dart design-system flutter ios ui-design

Last synced: 25 Jan 2025

https://github.com/christopher-rieder/practice-natours

Practice from an udemy course. HTML and CSS

css3 html responsive-design sass ui-design

Last synced: 23 Oct 2024

https://github.com/diegoreports/fullscreenoverlay

Menu usando biblioteca jQuery.

code css3 html5 javascript jquery overlay ui-design

Last synced: 02 Feb 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 Inspiration 24 DBMS and SQL 24 Programming 24 Typography 20 Blog & News 18 Productivity 18 Icons 18 Tools / Products 18 Colors 17 Cryptography and Network Security 16 Personal Websites 15 Web Development 13 Design Tools 11 Images 10 Material Components Android (MDC Android) 9 Material Components iOS (MDC iOS) 9