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/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/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
Last synced: 24 Nov 2024
https://github.com/lalit899/weather-forecast-site
Step into a world of precise forecasts and instant updates on our weather website. Seamlessly plan your day and connect with fellow weather aficionados. Your ultimate weather companion awaits!
api html-css-javascript interactive-visualizations ui-design weather weather-app weather-forecast
Last synced: 02 Jan 2025
https://github.com/nehalskdev/shoe-card-ui
live link
cool-stuff css3 nike-shoes ui-design
Last synced: 18 Nov 2024
https://github.com/nehalskdev/progress-bar
live link
css3 html5 progress-bar ui-design
Last synced: 18 Nov 2024
https://github.com/yogawan/yogasecondportfolio
css3 html5 javascript portfolio ui-design ux-design
Last synced: 15 Nov 2024
https://github.com/hashimsaffarini/news_app
api flutter state-management ui-design
Last synced: 24 Nov 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/marco5dev/react-portfolio
React Portfolio
portfolio-website react react-dom react-router react-router-dom reactcomponents reactjs ui-design
Last synced: 11 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/hasanhammoudah/shopsmart
An online store application using framework Flutter 📱🛍️💵🔥🚀.
android-app dart ecommerce-application firebase firebase-auth firebase-authentication firebase-firestore firebase-storage flutter flutter-package ios-app payment-gateway provider-flutter shared-preferences theme-switcher ui-design
Last synced: 29 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/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/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/nonuabi/registration-android-app-challenge1
This is a registration app
android android-application android-studio java ui-design
Last synced: 21 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/ahmednassar7/pizza-ordering-system
A pizza ordering system.
algorithms database datastructures gui java mssql mssqlserver oop sql ui-design
Last synced: 21 Nov 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/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/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/gobinath-b/angular-login-page
A simple login auth application
angular login-system ui-design
Last synced: 15 Nov 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/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/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/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/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/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/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/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/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/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/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/seanmisra/quickquery
jQuery helper functions: UI/UX elegance
gulp javascript jquery misra quickquery sean uglifyjs ui-design ux-design web
Last synced: 10 Jan 2025
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/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/yogawan/yogafourthportfolio
css3 html5 javascript portfolio ui-design ux-design
Last synced: 15 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/yuktasree/wisewal.ai
This repo contains the UI design for WiseWal.ai, an AI-powered savings and expense tracker with features like real-time expense tracking, financial goal planning, and personalized money-saving tips.
artificial-intelligence balsamiq figma finance-ai-chatbot finance-ai-tool finance-app heuristic-evaluation high-fidelity-prototype human-computer-interaction low-fidelity-prototype mobile-app ui-design ux-design ux-ui
Last synced: 10 Jan 2025
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/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/devansh-chouhan/react-pizza-fast
React Pizza Fast is a modern, fast, and visually appealing web application for ordering delicious pizzas online. Built using React and Vite, the project leverages cutting-edge technologies to provide a seamless user experience, lightning-fast load times, and responsive design.
frontend javascript react tailwindcss ui-design vercel
Last synced: 05 Jan 2025
https://github.com/selvamuthukumaranrajan/recipeapp
Native android food recipe app
android data-structures java ui-design xml
Last synced: 10 Jan 2025
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.
Last synced: 22 Nov 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/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: 11 Jan 2025
https://github.com/marceelodominguez/travel_app
api react-native react-native-animated react-native-navigation ui-design
Last synced: 22 Nov 2024
https://github.com/marceelodominguez/shopping-cart-react-native
expo react-native react-native-navigation ui-design
Last synced: 22 Nov 2024
https://github.com/marceelodominguez/instagram_clone
instagram react-native typescript ui-design
Last synced: 22 Nov 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/darrehan/tindog-app
Tindog app .
android-application android-studio java kotlin-android ui-design ux-design
Last synced: 05 Jan 2025
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/assyifaptrs/admin-dashboard-ui
BluMoney (Under Development) 💎
dashboard javascript react tailwindcss ui-design vite
Last synced: 23 Oct 2024
https://github.com/gangula-karthik/nypsit_memorygame
Engage in a sustainability-themed memory card game and rise up the leaderboard. 🌱🎉
css-animations flask-application game python3 ui-design webapp
Last synced: 22 Dec 2024
https://github.com/rulanugrh/ceres
Just for fun create web profile my ekstrakulikuler :U
Last synced: 22 Dec 2024
https://github.com/f2rkan/digital-content-platform
An example of a digital content platform that I created to reinforce the structures I learned in the object-oriented programming applications course at university. I do CRUD operations and use MD5 encryption algorithm during login process; I also preferred MySQL as database.
automation cryptography eclipse-ide java javafx md5-hash ui-design ux-design
Last synced: 13 Nov 2024
https://github.com/aadityaa2606/e-commerce-website
This is a shopping web UI developed using next js
Last synced: 10 Dec 2024
https://github.com/vijayinyoutube/rotate_animation_public
Flutter Implicit animations
animations dart figma flutter ui ui-design vijaycreations
Last synced: 02 Dec 2024
https://github.com/odiegosilva1/ui-clone
Google UI clone made with HTML and CSS 3.
clone css3 html5 media-queries ui-design
Last synced: 26 Nov 2024
https://github.com/keshavabanda/workout-buddy-fullstack
This is Simple MEAN STACK App
angular encryption-decryption express html-css-javascript javascript-library jsonwebtoken jwt local-environment models mongodb mongoose node routes schema typescript ui-design
Last synced: 31 Dec 2024
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: 05 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: 10 Jan 2025
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/mrusamamuzaffar/advance_screen_transitions
This code snippet shows an advance level screen transition. Which having almost 15 advance level transition styles.
advanced-custom-fields advanced-programming animated animation animation-3d animation-android animation-app animation-library animations dart flutter screen screen-capture screen-navigation ui ui-components ui-design ui-library ui-testing uikit
Last synced: 02 Dec 2024
https://github.com/vimaltiwari2612/gmail-android
Creating Gmail Like Inbox using Android RecyclerView
android-application android-apps gmail gmail-api json-api json-schema listview recyclerview recyclerview-adapter ui-design
Last synced: 02 Jan 2025
https://github.com/rayc2045/vanilla-calculator
An elegant and minimalistic calculator built with vanilla JavaScript, delivering instant results with every input.
button-design calculator calculator-app calculator-application calculator-javascript css-animations css-flexbox css-grid interactive iphone-app iphone-application iphone-calculator javascript-calculator responsive-design ui-design ux-design vanilla-javascript vanilla-js web-app web-design
Last synced: 27 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/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/mouhcine-flutter/flutter-signup-ui
flutter flutter-app flutter-design flutter-sample flutter-ui ui-design
Last synced: 02 Dec 2024
https://github.com/riswan-nopiyar/sinthink-ai
🤖 SinThink Ai is a collection of several Ai ✨ that were opened to the public by the developer, and then I just made this UI for fun. The naming of the website is just a joke and has multiple interpretations in English and Indonesian. in English (Sin Think = Dosa Berpikir), the pronunciation is similar in Indonesian (Sinting = insane)
ai artificial-intelligence free huggingface react source-code stable-diffusion tailwindcss typescript ui-design vercel
Last synced: 02 Jan 2025
https://github.com/prathibhasathyajith/404ErrorPage-UI
404 page not found HTML page
Last synced: 23 Oct 2024
https://github.com/emrd/kullaniciya-ozel-ekran-frontend
frontend ui-design user-interface
Last synced: 02 Jan 2025
https://github.com/filiprokita/word-counter
This is a simple web application that allows users to count the number of characters and words in their text. It features a clean and user-friendly interface with an input field for text and real-time updates of character and word counts.
character-counter characters css html javascript js simple text text-analysis ui-design web-application web-development webapp word-counter words
Last synced: 02 Dec 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: 07 Jan 2025
https://github.com/stephenombuya/landing-page
Welcome to the Landing Page repository for Hail Global. This project is designed to serve as an engaging and responsive front page that showcases the company’s brand, products, or services effectively.
Last synced: 28 Nov 2024
https://github.com/aayushyadavz/dicee_challenge_game
Made Dice Challenge Game using Javascript DOM.
Last synced: 28 Nov 2024
