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/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/munya-marinda/applications

React Native applications I have developed.

app-development react-native reactjs ui-design

Last synced: 14 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/danielorourke02/discord-template

Just a Template for a discord bot. Made in python, has some example features including: embeded commands, loading a config and interactive buttons.

discord discord-bot discord-py discord-slash-bot discord-slash-command discord-slash-commands discord-template discord-ui discordapp discordpy discordui interactive pycord pycord-bot slash-commands template template-bot template-project ui ui-design

Last synced: 19 Dec 2024

https://github.com/kennjr/mpesa

A web application for seamlessly sending and receiving money. Designed and built in 4 days, this robust webapp(powered by firebase) allows users to send and receive money from peers, requiring an email and amount to transact.

angular finance-application firebase firebase-auth money-transfer responsive responsive-web-design tailwind tailwindcss ui-design webapp

Last synced: 06 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/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/dantelentsoe/palette-pro-doc

Palette Pro is an innovative tool designed for UX designers and developers who seek to create visually appealing and harmonious color palettes for their projects. This React-based application offers a user-friendly interface and robust functionality

accessibility clerkauth nextjs react reactjs typescript ui-design ux-design

Last synced: 24 Dec 2024

https://github.com/eesuhn/zinc-plant-store

Plant Store - UI only

ui-design

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

Smart in-car infotainment with facial recognition. Unlock and control your car’s infotainment system with face authentication, featuring a sleek UI/UX for music, navigation, and settings.

haar-cascade opencv python ui-design ux-design

Last synced: 19 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/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: 20 Nov 2024

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

Exercising my react native UI skills :)

homepage react-native ui-design

Last synced: 07 Dec 2024

https://github.com/alexisvassquez/emailsignature

Professional email signature that can be used as a customizable template.

customizable email-signature html html-css personalized template-project ui-design

Last synced: 19 Dec 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: 18 Nov 2024

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 Nov 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/hashimsaffarini/news_application

news application using flutter

api flutter state-management ui-design

Last synced: 24 Nov 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 Nov 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 Nov 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/zyn10/calculator_es6-javascript

Calculator with Html Css and es6

css es6-javascript html javascript ui-design

Last synced: 18 Nov 2024

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: 20 Nov 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: 20 Nov 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/alexandrbig1/hero-page

HTML/CSS course (Hero page)

css3 frontend html5 ui-design ux-design webdesign

Last synced: 23 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/reachvivek/tindog

A landing page for tinder like app for Dogs developed using HTML, CSS and Bootstrap (Only Frontend).

bootstrap css front-end html landing-page tinder ui-design

Last synced: 18 Nov 2024

https://github.com/foxching/muilol

material ui login page for gaming website

material-ui react ui-design ux-design

Last synced: 18 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/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/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 tailwind tailwind-css tailwindcss ui ui-design

Last synced: 21 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/fatma-nada/-

منصة ومضة للارشاد المهني والتعليمي

design figma landing-page mobile-app ui-design user-experience ux-design ux-research ux-ui website

Last synced: 21 Nov 2024

https://github.com/suyious/ecrimeblog

Ecrime-Blog

react ui-design

Last synced: 21 Nov 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/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/gobinath-b/angular-login-page

A simple login auth application

angular login-system ui-design

Last synced: 15 Nov 2024

https://github.com/chirag2203/alphabetlearning_learno_hci_project

This application allows you to practice writing letters and checks if you have written correct using neural networks

alphabet-learning css gemini-pro html javascript letter-recognition machine-learning neural-network neural-networks react ui-design

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

https://github.com/otthe/theme-thief-bookmarklet

Bookmarklet that allows you to easily view and copy all the desired fonts and colors from a website.

bookmarklet color-palette color-picker color-scheme color-theme design fonts theme ui-design ux-design web-design web-tool website

Last synced: 21 Nov 2024

https://github.com/muhammedbilals/shoe_rack_ecommerce

E-Commerce app built using Flutter and Firebase

firebase firebase-auth firebase-database flutter ui-design

Last synced: 29 Dec 2024

https://github.com/alaazameldev/yumi_foods

A Flutter app designed to work on Android & IOS, for ordering meals from popular restaurants

bloc clean-architecture firebase firebase-auth firebase-database firebase-storage flutter ui-design

Last synced: 07 Dec 2024

https://github.com/diegoreports/fullscreenoverlay

Menu usando biblioteca jQuery.

code css3 html5 javascript jquery overlay ui-design

Last synced: 07 Dec 2024

https://github.com/ishaan28malik/tableau-based---

Getting started with building first Visualization in Tableau.

apk python tableau trending ui-design visualization

Last synced: 25 Nov 2024

https://github.com/ishaan28malik/netflix-light

A simple Netflix Logo generation with Both dark and light versions.

animation javascript-applications logo netflix trending ui-design

Last synced: 25 Nov 2024

https://github.com/prthub/gericht

A Restaurent webapp using React

css react ui ui-design

Last synced: 29 Dec 2024

https://github.com/bccpadge/pricing-card

UI Design Daily - Pricing Card using HTML and CSS

accessibility html-css lighthouse ui-design

Last synced: 07 Dec 2024

https://github.com/ajmalfaris11/passforge

PassForge - Generate Unbreakable Passwords PassForge is a web application designed to generate strong and unbreakable passwords with customizable options. With PassForge, you can easily create passwords ranging from 4 to 32 characters in length, incorporating a mixture of lowercase letters, uppercase letters, numbers, and special characters.

css html5 js responisve-web-design ui-design ux-design

Last synced: 25 Dec 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/ashish-makes/blog-website-ui

Trendy Blog UI Design made using HTML, CSS and JavaScript

blog css html javascript ui ui-design uidesign

Last synced: 25 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/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/axestein/listify

Manage your tasks effectively with Listify — your go-to tool for staying organized and on top of your day.

frontend javascript reactjs tailwindcss to-do-list ui-design webdevelopment

Last synced: 25 Nov 2024

https://github.com/tanay-dwivedi/json-via-web

From a remote source, this Android app retrieves and shows personnel data. To start a JSON request with a progress dialog, click the button. With only one click, it ensures a user-friendly experience by parsing and presenting personnel information in a ListView after retrieval.

data-source-and-api data-validation error-handling performance-optimization ui-design user-authentication

Last synced: 27 Dec 2024

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

https://github.com/md0011/calculator-app

Build a basic Calculator app using HTML, CSS and JavaScript.

html-css-javascript ui-design

Last synced: 22 Nov 2024

https://github.com/assyifaptrs/admin-dashboard-ui

BluMoney (Under Development) 💎

dashboard javascript react tailwindcss ui-design vite

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

https://github.com/izolate/css

Re-usable CSS kit for personal projects

components css css-framework ui ui-design ux

Last synced: 26 Dec 2024

https://github.com/marceelodominguez/houses_page

Accommodation search engine where you can filter by the number of people who enter the houses. You can also select the date of entry and exit of the house

context-api reactjs tailwindcss typescript ui-design

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

https://github.com/anbuleo/project1

Travel landing page

css flexbox-css html ui-design

Last synced: 22 Dec 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: 02 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 DBMS and SQL 24 Programming 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 iOS (MDC iOS) 9 Material Components Android (MDC Android) 9