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

[WIP] Layering, elevations, and effects styles.

design effects elevations figma layering shadows styles ui-design

Last synced: 06 Dec 2024

https://github.com/hrushi-thorat/buttons

Creative vue button components collection

button javascript nuxtjs ui-components ui-design vue vuejs

Last synced: 07 Dec 2024

https://github.com/prthub/gericht

A Restaurent webapp using React

css react ui ui-design

Last synced: 29 Dec 2024

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/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/saadazghour/local-restaurant-finder

🚀 Local Restaurant Finder, Is a React Native Mobile application crafted to assist users in discovering nearby restaurants based on their preferences and location. The app aims to provide a convenient and efficient way for users to explore various dining options in their local area.

app-development git github javascript mobile-app open-source react-native react-native-app react-native-components react-native-navigation react-native-styling restaurant-app restaurant-finder typescript typescript-react ui-design yelp-api

Last synced: 21 Dec 2024

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

A material UI based small project

material-ui reatctjs ui-design

Last synced: 14 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/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/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/lucaspdroz/blog

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

atomic-design carree development frontend ui ui-design

Last synced: 07 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/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: 29 Nov 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/chnirt/rn-chnirt-ui

Essential cross-platform UI components for React Native

react-native ui-design

Last synced: 21 Dec 2024

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

UI Library for React

reactjs rollup ui-design

Last synced: 23 Oct 2024

https://github.com/sha3-git/user-oriented-design

Studying key design components of user-friendly applications

ui-design ux-design wordpress-site

Last synced: 20 Dec 2024

https://github.com/tasnimahmed11/goodreads_redesign

Exploring UI UX fundamentals and playing around with Figma to learn its functionality

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

Last synced: 21 Dec 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/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: 07 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/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 Jan 2025

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

https://github.com/zubairahmedbalouch/car-website

Car Showroom Website - Built with Next.js & Tailwind CSS. This is a responsive, modern car showroom website designed to provide a seamless and engaging experience for users browsing various car models. Built using Next.js for fast rendering and optimized performance, and styled with Tailwind CSS for a clean, flexible, and fully responsive design.

e-commerce-website nextjs react responsive-design tailwindcss ui-design web-development

Last synced: 21 Dec 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: 23 Oct 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/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/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/vsnthdev/vyaktitva

( व्यक्तित्व ) — A component based UI library for Vasanth Developer's projects.

components library react reactjs tailwindcss typescript typescript-library ui-components ui-design uikit

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

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

Portfólio simples desenvolvido no curso da Origamid

css html ui-design

Last synced: 23 Oct 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/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/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/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/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/maitrakhatri/goodreads2.0

goodRead's UI Re-imagined

goodreads html-css redesign ui-design

Last synced: 14 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: 07 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/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/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/pablowib/estatica-74-textocircular

¿Cómo crear texto circular en css?

css html ui-design

Last synced: 26 Dec 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/faisal-fida/clone-of-google

For 2022 there is my second project , Google clone! Im still working on the back-end... Hope you like it.

front-end google-clone html javascript ui-design web-development

Last synced: 08 Jan 2025

https://github.com/faisal-fida/g-movieapp

React JS Based WebApp - GMovie App 😀 Demo Here 👇

frontend javascript movie-database react ui-design web-app

Last synced: 08 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: 07 Jan 2025

https://github.com/mdashik922/niche-bicycle-client-side

This is a simple full-stack niche product website.

client-side firebase firebase-auth restful-api ui-design

Last synced: 08 Jan 2025

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/scamer123/jack-portfolio-function-website

Jack's Portfolio Website is a fully functional personal website that showcases my skills, services, and projects as a UI Designer and Web Developer. The site features a responsive design, smooth scrolling navigation, interactive sections, skill bars, an image gallery, and integrated social media links, providing an engaging experience for visitors.

bootstrap css3 frontend-development html5 javascript jquery open-source portfolio responsive-design ui-design web-development

Last synced: 14 Jan 2025

https://github.com/luisedmc/weather_ui

Weather App made with Flutter !

flutter ui ui-design weather weather-app

Last synced: 08 Jan 2025

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/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: 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/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/mehtaab-010110/meals-on-the-move

A food ordering Figma application design.

figma ui-design

Last synced: 31 Dec 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/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/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/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/abhishekjain12/media-lookup

UI design for new website

css html materializecss news-app ui ui-design

Last synced: 30 Nov 2024

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/eesuhn/zinc-plant-store

Plant Store (UI/UX)

ui-design

Last synced: 24 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/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/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/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/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/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/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/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

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