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

Editor de código em tempo de execução in game na unity

2d asp-net csharp-code dotnet-framework inputfield rosyln sintax ui-design unity2d

Last synced: 19 Nov 2024

https://github.com/hasanhammoudah/fruithub

FruitHub is a delightful and intuitive mobile application developed using Flutter, designed to provide users with a comprehensive platform to explore and manage a variety of fruits. Whether you're looking to learn more about different fruit types, track your fruit consumption, or find fruit-based recipes, FruitHub has you covered.

android blocstatemanagement dart firebase firebase-auth firebase-database flutter ios ui-design

Last synced: 29 Nov 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/dbish6/meta_principles_of_ux-ui_design_final

Thought I would share my final assignment from the Meta Principles of UX-UI Design course.

figma ui-design uiux ux-design

Last synced: 14 Oct 2024

https://github.com/aadityaa2606/e-commerce-website

This is a shopping web UI developed using next js

nextjs14 ui-design

Last synced: 10 Dec 2024

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

A Login Page model made with html/css only. This is only a template and dont have any backend.

100-days-of-code 100daysofcode css css-flexbox css-grid css3 design gui html html-css html5 login-page ui-design

Last synced: 11 Nov 2024

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: 10 Dec 2024

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

A WhatsApp UI clone

react-native ui-design

Last synced: 23 Oct 2024

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

Transfert d'un projet en vue.js du semestre 4 concernant un site web utilisant des API (internes et externes) qui permet la recherche géolocalisé d'articles

api-rest articles css express-js html javascript leaflet map mongodb node-js ui-design vue3 vuejs vuejs3

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

Essential cross-platform UI components for React Native

react-native ui-design

Last synced: 21 Dec 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/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/stevemats/metube

JFF YouTube-like UI

ui-design youtube

Last synced: 10 Nov 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/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/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/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/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/filipeccm/weather-api

A weather forecast app developed with React that fetches data from an API. It allows the user to search for a specific location and also toggle displaying the data in Fahrenheit or Celsius.

api css html react ui-design

Last synced: 19 Nov 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/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/alexandrbig1/count-tips

React Counting Tips App simplifies bill calculations. Easily tally up your total meal cost, including prices and tips, with our user-friendly interface.

computerscience css3 frontend html-css-javascript html5 javascript js react react-components react-hooks reactapp reactjs softwareengineer ui-design ux-design ux-ui ux-ui-design webdesign webdev webdevelopment

Last synced: 23 Nov 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/alexandrbig1/hero-page

HTML/CSS course (Hero page)

css3 frontend html5 ui-design ux-design webdesign

Last synced: 23 Nov 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/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/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/pedropfsf/worked_hours_counter

Aplicativo que calcula seu valor baseado nas horas trabalhadas

dart flutter flutter-apps ui-design

Last synced: 23 Oct 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/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/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/razaghimahdi/imageswitch

A library to give you Switch with image background + UI Sample by Jetpack Compose

andorid checkbox compose jetpack jetpack-compose kotlin switch ui ui-components ui-design

Last synced: 08 Nov 2024

https://github.com/jrnxf/actor-lookup

Relevant information for anyone in the film industry

imdb nodejs react skrrrt ui-design

Last synced: 07 Nov 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: 08 Nov 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/rkstudio585/weekly-routine-manager

A customizable daily routine app built with PySide6 and SQLite3. It allows users to manage daily activities, toggle between dark/light modes, export/import routines in XML, and update tasks dynamically. The app features intuitive UI controls for editing, adding, and deleting routines, with a focus on ease of use.

delay delhi-task manager program programming python rk rk-studio task task-manager ui ui-components ui-design weekly weekly-routine-manager

Last synced: 07 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/shank404/traders.io

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

https://github.com/prthub/gericht

A Restaurent webapp using React

css react ui ui-design

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

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/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: 09 Nov 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/jarircse16/catering_service

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

figma ui-design ux-design

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

A food ordering Figma application design.

figma ui-design

Last synced: 08 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/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/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/vagnerbellacosa/048_comoprototiparumalandingpageportfolio

Como prototipar uma landing page de um portfólio

dio figma frontend labs ui-design ux-design

Last synced: 09 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/chamithkavinda/100-day-ui-challenge

Ui design collection through figma

figmadesign ui-design

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

UI design for new website

css html materializecss news-app ui ui-design

Last synced: 30 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/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: 09 Nov 2024

User interface design Awesome Lists
Awesome-Design-Tools 617 awesome-web-design 92 awesome_computer_science 116 awesome-minimal-sites 32 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 862 Frameworks / Resources 236 Uncategorized 34 Material Components Web (MDC Web) 28 DBMS and SQL 24 Programming 24 Inspiration 24 Typography 20 Blog & News 18 Productivity 18 Icons 18 Colors 17 Cryptography and Network Security 16 Tools / Products 16 Personal Websites 14 Web Development 13 Design Tools 11 Images 10 Material Components iOS (MDC iOS) 9 Material Components Android (MDC Android) 9