Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- GitHub: https://github.com/topics/ui-design
- Wikipedia: https://en.wikipedia.org/wiki/User_interface_design
- Aliases: user-interface-design,
- Last updated: 2025-01-08 00:27:21 UTC
- JSON Representation
https://github.com/jairo51067/cookie-consent
Este proyecto es un diseño web para un banner de consentimiento de cookies con un enfoque interactivo y visualmente atractivo. Presenta una galería de imágenes que integra tooltips descriptivos, resaltando las capacidades tecnológicas actuales, y un cuadro de diálogo de cookies que incluye opciones claras para el usuario (aceptar o rechazar).
cookies css3 fontawesome-icons html5 javascript responsive-design ui-design
Last synced: 03 Dec 2024
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/kareimgazer/awesome-clones
Clones of awesome websites and components using plain HTML, CSS, and JS to help you learn and get inspiration.
Last synced: 08 Dec 2024
https://github.com/michaeldehaney94/ui-experience_task
Mobile Development Week Two Unit 2 Assignment for UI Experience.
android recyclerview-adapter ui-design
Last synced: 03 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/hamidhosen42/flutter-bmi-calculator
Flutter BMI Calculator
dart flutter flutter-package ui-design
Last synced: 31 Dec 2024
https://github.com/theutsavjhakhariya/indi-vibe
INDI VIBE: A dynamic, visually stunning music event showcase designed to highlight my UI/UX skills. Featuring interactive tables with hover effects, responsive layouts, and immersive backgrounds. Explore the rhythm of design perfection! 🎶✨ #INDIVIBE
html-css-javascript ui-design ux-ui
Last synced: 09 Dec 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.
Last synced: 03 Jan 2025
https://github.com/hamidhosen42/flutter_web_and_mobile_ui_squid_game
Flutter UI design web and mobile phone squid game.
dart flutter flutter-apps flutter-package ui-design
Last synced: 31 Dec 2024
https://github.com/harveyq999/mobile-baking-recipe-app-ui
KHN'S BakeCraft- Mobile Baking Recipe App UI Design
Last synced: 10 Oct 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/hamidhosen42/training-for-cross-platform-app-development
Training-for-Cross-Platform-App-Development-Course
course cross-platform dart firebase flutter ui-design
Last synced: 31 Dec 2024
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: 09 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/pirate-emperor/postvortex
PostVortex is an Android application that showcases a dynamic list of gaming-themed posts with modularity and simplicity in mind. The application demonstrates key Android development practices including fragment lifecycle management, custom data models, and the use of the adapter pattern for efficient UI rendering.
android data-binding gaming kotlin mobile-development pirate-emperor postvortex ui-design
Last synced: 04 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/markbattistella/bezelkit-generator
BezelKit-Generator is a NodeJS CLI designed to generate device-specific bezel sizes for Apple devices.
corner-radius hacktoberfest javascript nodejs open-source package-manager swift swift-package-manager swiftui ui-design
Last synced: 16 Dec 2024
https://github.com/sakshi-2508/bookmyshowapp-ui
A modern and interactive BookMyShow-inspired app UI, built with a focus on intuitive user experience and clean design principles. This project showcases a responsive and visually appealing interface for exploring events, booking tickets, and managing reservations.
android-app bookmyshow-clone flutter flutterui ui-design
Last synced: 23 Dec 2024
https://github.com/eltonlazzarin/dropbox-menu-clone
Dropbox Menu Clone build in ReactJS and TypeScript
dropbox-menu dropbox-ui frontend-app frontend-web javascript menu-animation menu-bar mobile-first react-icons reactjs reactjs-application typescript typescript-application ui-design
Last synced: 04 Dec 2024
https://github.com/hasanyahya101/bustickettool-vite
This is a bus ticket downloading tool that allows for editing of ticket info and then downloading the ticket in the png format. It is made to be used later in future projects when i might need to design tickets and download them. The preview is available for testing purposes.
bus-ticket buttons download editing image png shadcn shadcn-ui ticket ui-design
Last synced: 09 Dec 2024
https://github.com/davyjonescodes/kisanwise
KisanWise is an AI-powered platform providing personalized agricultural advice to farmers. Leveraging advanced AI, it offers real-time assistance, expert guidance, and a wealth of resources to support sustainable farming. Built with React, Express, and MongoDB, KisanWise aims to enhance productivity and ensure food security.
animation css developer-portfolio framer frontend html javascript nextjs react responsive-design tailwindcss typescript ui-components ui-design web-app web-development
Last synced: 04 Dec 2024
https://github.com/victornpb/sime-systeminformationmenueditor
WYSIWYG Editor for creating "SystemInformationMenu" interfaces
javascript tool ui-design ui-tools webapp
Last synced: 16 Dec 2024
https://github.com/tinovimba-hove/rest-api-ui-dashboard
A web application that combines a Flask API with a user-friendly UI dashboard to visualize crime data trends across multiple U.S. cities. The project allows users to interact with crime statistics through various visualizations, enhancing data analysis and decision-making.
flask-application mysql-database python rest-api ui-design
Last synced: 16 Dec 2024
https://github.com/qc20/glsl-shader
This repository contains a WebGL project that demonstrates shader animation using WebGL (Web Graphics Library). The animation is rendered on a full-screen canvas and is powered by custom vertex and fragment shaders.
creative-coding css html javascript ui ui-design visualization web
Last synced: 31 Dec 2024
https://github.com/qc20/endless-mountains
This repository contains a WebGL-based terrain visualization using Three.js, a popular JavaScript library for creating 3D graphics in the browser. The project dynamically generates a terrain landscape with mountains and valleys that evolve over time.
creative-coding css html javascript ui-design ux-design visualization webdevelopment
Last synced: 31 Dec 2024
https://github.com/qc20/selected-works-website
This is my personal website containing selected work and projects I've done between 2022-2024. Have a look below :-)
css html interaction javascript oldschool project-management project-repository reactjs three-js ui ui-design ux ux-design website windows95style windows98
Last synced: 31 Dec 2024
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: 10 Dec 2024
https://github.com/hamidhosen42/flutter-watch-app-ui-design
Flutter watch app ui design
dart flutter flutter-apps flutter-package ui-design
Last synced: 31 Dec 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/emilracz21/instagram-javascript
Instagram-like Application
api css frontend html image-gallery-application infinite-scroll javascript pixabay-api responsive-web-design scss ui-design
Last synced: 16 Dec 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/pedropfsf/recorrentes
Aplicativo de gerenciamento de despesas
Last synced: 27 Dec 2024
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/harshitha-2201/weatherapp
This is a weather prediction app using React by using openWeatherApi
api arrow-functions current-timezone hooks html-css-javascript javascript material-ui media-queries openweathermap-api react-weather-app reactjs responsive-web-design search temparature ui-design useeffect-hook usestate-hook weather-forecast
Last synced: 26 Dec 2024
https://github.com/stefan-kanazir/modern-landing-page
Tailwind Exercise Project
Last synced: 05 Jan 2025
https://github.com/tuirevii/kontti
An interactive prototype of a service that gathers services and information related to starting higher education studies | Created with Figma
figma prototype students ui-design ux-design webservice
Last synced: 12 Dec 2024
https://github.com/efenstakes/pizza_inn_mobile
Pizza Inn mobile Concept UI
concept pizza-inn ui-design ux-design
Last synced: 01 Jan 2025
https://github.com/efenstakes/mi.portfolio-old
My Portfolio
branding development ui-design ux-design
Last synced: 01 Jan 2025
https://github.com/prathibhasathyajith/404ErrorPage-UI
404 page not found HTML page
Last synced: 23 Oct 2024
https://github.com/sammarxz/inspira
A curated collection of UI design inspiration from across the web, built with vanilla JavaScript and Web Components.
gallery-app ui-design web web-components
Last synced: 13 Dec 2024
https://github.com/mauricewatkins/roblox-xeno-executor
Xeno Executor - An external script executor for Roblox made entirely in C++. Execute scripts easily, enjoy advanced features, and dominate gameplay in 2024.
cheat csharp lua roblox roblox-2024 roblox-injector roblox-lua roblox-script roblox-scripts roblox-soft roblox-ui script ui-design ui-library
Last synced: 17 Dec 2024
https://github.com/anton2mihail/tweeter
simple twitter clone using mongodb and expresss leveraging responsive design principles
css css-flexbox-layout css-grid es6 expressjs html5 javascript jquery mongo mongodb nodejs npm responsive-design responsive-layout ui-design
Last synced: 23 Oct 2024
https://github.com/folarin-ogungbemi/goalSight
django-framework html-css-javascript ui-design ux-design
Last synced: 23 Oct 2024
https://github.com/annacv/umean-client
Word semantics search engine. React.js
javascript react ui-design ux-design
Last synced: 23 Oct 2024
https://github.com/anandubabu-kr/me
UI/UX practices. UI clones | coding challenge solutions | and other interesting pages
clone-coding css3 html5 javascript ui-design
Last synced: 23 Oct 2024
https://github.com/anandubabu-kr/web-ui-ideas
UI/UX practices. UI clones | coding challenge solutions | and other interesting pages
animations cards css3 html5 javascript responsive-web-design ui ui-design uidevelopment ux-research uxd
Last synced: 23 Oct 2024
https://github.com/lucaros97/popsicle-colors
All Popsicle colors in details!
color color-palette color-picker color-theme popsicle ui-design
Last synced: 23 Oct 2024
https://github.com/gabrielcoutz/frontend-angular
Este projeto tem como intenção o aprofundamento em Angular, conhecimento e prática do NgRx e aumentar o domínio do Angular Material
angular angularmaterial api jasmine typescript ui-design ux-design
Last synced: 18 Dec 2024
https://github.com/lyestarzalt/cardanimation
A demo of stacked wallet with cool? animation in Angular and ionic
Last synced: 18 Dec 2024
https://github.com/justine-george/book-fellow-frontend-react
BookFellow's interface with dynamic components, state management, real-time updates, and a responsive layout.
bookclub bookfellow framer-motion frontend redux-toolkit typescript ui-design
Last synced: 01 Jan 2025
https://github.com/xdanny41/lferefresh
University of Oklahoma Lambda Phi Epsilon Refresh Site 2024
bootstrap5 css html javascript lambdaphiepsilon sass-framework ui-design web webdesign webdevelopment webmaster
Last synced: 19 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/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/JubjangDevper/MultPro-Midterm
Multimedia Programming course: Midterm Test - Design and Recreate https://www.it.kmitl.ac.th/th/
design html-css-javascript ui-design web-development
Last synced: 23 Oct 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/ackw/somos
Hi-fi & Lo-fi Designs of a Collaborative Discussion Platform
Last synced: 23 Oct 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/fou1100ouacus/reflection-mini-projects-with-different-ideas-
Reflection Mini Projects with different Ideas^^
dataaccess generator metadata reflect-metadata reflection ui-design
Last synced: 24 Dec 2024
https://github.com/sagardhadke/easy_shop
android android-studio online-shop shopping-cart ui-design
Last synced: 17 Nov 2024
https://github.com/saranonearth/react-dashboard-ui
Dashboard ui with apex charts for visualization.📈
apexcharts dashboard reactjs ui-design
Last synced: 23 Oct 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/renanfachin/rs_masterizandotailwindcss
tailwindcss ui-design uiux-design
Last synced: 03 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/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/litvinovnikita/github-search
Github user search
api css github-api html javascript js theme-switcher ui-design
Last synced: 25 Dec 2024
https://github.com/yogawan/roundrobin
algorithms css3 html5 round-robin ui-design
Last synced: 15 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/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
https://github.com/shuddha2021/swiftcalc
SwiftCalc - A modern and elegant calculator app for iOS, designed with SwiftUI for seamless user experience. Featuring basic arithmetic functions, clear display, and haptic feedback, SwiftCalc is your go-to tool for quick and accurate calculations.
arithmetic-operations calculator-app ios-development mobile-app percentage-calculations programming responsive-design software-development state-management swift swiftui ui-design xcode
Last synced: 26 Dec 2024
https://github.com/ewliang/pure-css-full-screen-navigation-menu
A full screen popup navigation menu made from purely CSS. No Javascript. No jQuery.
css css-animations css3 css3-animations html html-css html5 navbar navbar-css navigation-menus popup-menu ui-components ui-design ux-design
Last synced: 02 Jan 2025
https://github.com/sushantkrsky/sushantkrsky.github.io
Built a responsive personal portfolio website adaptable to all devices, with UI components and animated interactions.
css dark-theme html javascript portfolio-website responsive scrollreveal-js swiper-js swiper-slider ui-design
Last synced: 26 Dec 2024
https://github.com/sushantkrsky/modern-website
Building a responsive personal portfolio website adaptable to all devices, with UI components and animated interactions.
html-css-javascript portfolio-website responsive-web-design scrollreveal-js ui-design
Last synced: 26 Dec 2024
https://github.com/yogawan/yogathirdportfolio
css3 html5 javascript portfolio ui-design ux-design
Last synced: 15 Nov 2024
https://github.com/imdesai00/chatapp_android
created chatapp in android studio. in this app you can chat in realtime it also has some new functinality like update profile details. in this project i created stunning ui.
android android-studio firebase firebase-auth realtime-chat ui-design
Last synced: 26 Dec 2024
https://github.com/yogawan/edufree
css3 html5 javascript slicing-design-to-code ui-design ux-design
Last synced: 15 Nov 2024
https://github.com/yogawan/mekarjayasejahtera
company-profile startup ui-design ux-design website
Last synced: 15 Nov 2024
https://github.com/yogawan/yogafirstportfolio
css3 html5 javascript portfolio ui-design ux-design
Last synced: 15 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/yours-sportsbar
Responsive Web Design (Sport Bar)
css3 figma frontend html-css-javascript html5 javascript js reponsive-web-design ui-design ux-design ux-ui-design webdesign webdevelopment
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/alianblank/unity-ui-extensions
tableview ui ui-components ui-design uidesign uikit uipickerview unity unity-3d unity2d unity3d unityui
Last synced: 21 Dec 2024
https://github.com/alexandrbig1/header-login-form
header-login-form(HTML/CSS/JS)
computerscience css3 frontend hacktoberfest hacktoberfest2023 html-css-javascript html5 javascript softwareengineer ui-design ux-design ux-ui ux-ui-design webdesign webdevelopment
Last synced: 23 Nov 2024
https://github.com/alexandrbig1/contact-form
contact-form(HTML/CSS/JS)
coding computerscience css3 frontend hacktoberfest hacktoberfest2023 html-css-javascript html5 javascript js softwareengineer ui-design ux-design ux-ui ux-ui-design webdesign webdevelopment
Last synced: 23 Nov 2024
https://github.com/alexandrbig1/count-date
practicing coding(React component count date)
bootcamp computerscience css3 frontend html5 javascript js react react-components reactjs softwareengineer udemy ui-design ux-design ux-ui ux-ui-design webdesign webdevelopment
Last synced: 23 Nov 2024
https://github.com/alexandrbig1/testimonial-slider
testimonial-slider(HTML/CSS/JS)
computerscience css3 frontend html5 javascript js softwareengineer ui-design ux-design ux-ui ux-ui-design webdesign webdevelopment
Last synced: 23 Nov 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/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/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/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