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/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/pransu-code/bankist-v1.0-beta

Fully functional Fund managing portal like banking portal

backend figma frontend git html-css javascript netlify-deployment ui-design webapp

Last synced: 16 Jan 2025

https://github.com/benevanio/skycast

Aplicação Tipo o Clima Tempo do Google Usano o Weather API, para prever o tempo de uma determinada localidade!!!

components figma frontedn javascript jsx-renderer jsx-syntax portfolio react react-router react-router-v6 reactjs sass sis ui-components ui-design ux-design

Last synced: 28 Jan 2025

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

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/Gustavoohrq/game-store-ui

Prototype of a game store UI

axios react-native ui-design

Last synced: 23 Oct 2024

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

All project React Native

javascript react-native ui-design

Last synced: 14 Jan 2025

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

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/suyious/ecrimeblog

Ecrime-Blog

react ui-design

Last synced: 22 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/hashimsaffarini/nike_app

The "Nike App" is a Flutter-based mobile application that provides a streamlined shopping experience for Nike products. It includes a dynamic carousel for announcements, product categorization, and easy category-based filtering. The app is designed for both iOS and Android platforms

firebase flutter state-management ui-design

Last synced: 24 Jan 2025

https://github.com/alxmart/app-ifood-ui-clone

Exercício de recriar uma interface de App do iFood no Android. Curso Android Avançado da Codans / Jamilton Damasceno.

android android-app ui-components ui-design

Last synced: 04 Feb 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/abhishekjain12/media-lookup

UI design for new website

css html materializecss news-app ui ui-design

Last synced: 28 Jan 2025

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/chirag26mahajan/easy-diagnosis

A healthcare platform designed with a focus on seamless UI/UX using Figma. It helps users find doctors nearby, book doorstep lab tests, access instant video consultations, and get medicines delivered—all in one place.

figma ui-design

Last synced: 16 Jan 2025

https://github.com/nehalskdev/progress-bar

Created progress bars using only HTML and CSS

css3 frontend html5 progress-bar ui-design

Last synced: 19 Jan 2025

https://github.com/bendomey/poly-ui

A design system 😋 that has an opinionated API ❤️, modular and accessible cool ui components for faster development 🥂.

components design-system react robustness ui-design

Last synced: 16 Jan 2025

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/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/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/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/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/mowhn/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: 12 Jan 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/Henrique1204/Tipografia-na-Web

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

tipografia ui-design web-design

Last synced: 23 Oct 2024

https://github.com/mrlizhaozhi/product-and-user-interface-designs

This repo stores my product and user interface designs. Links will take you to live design prototypes.

graphic-design product-design product-development prototype ui-design ui-research user-experience user-interface ux-design ux-research wireframe

Last synced: 23 Oct 2024

https://github.com/pedropfsf/worked_hours_counter

Aplicativo que calcula seu valor baseado nas horas trabalhadas

dart flutter flutter-apps ui-design

Last synced: 04 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/1999azzar/color-set

This project displays a collection of color sets, each containing ten colors. Users can browse through the color sets and copy a set's colors in a predefined CSS variable format by clicking on the set title.

color-picker colorscheme ui-design

Last synced: 01 Feb 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/kdcloudy/BootstrapBoilerplates

Quick and basic starters code for basic static layouts in HTML/CSS such as signup forms, grids, gradients and basic neumorphic designs.

bootstrap cheatsheet ui-design

Last synced: 23 Oct 2024

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/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/DayMendes/DayMendes-Portfolio-Origamid

Portfólio simples desenvolvido no curso da Origamid

css html ui-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/1999azzar/color-scheme-tester

The Color Scheme Tester is a web application designed to allow users to test and visualize different color schemes. This application features a user-friendly interface where users can input their custom color schemes and see the changes applied in real-time.

pallete ui-components ui-design

Last synced: 01 Feb 2025

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

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