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/ryanfranklin237/figma-prototype

An e-banking app prototype designed with figma

android-application figma mobile-development ui-components ui-design

Last synced: 12 Nov 2024

https://github.com/rishabhraj43/real-time-chat-application

A Full Stack Chat Web Application using MERN Stack with all the functionalities.

api-rest javascript mongodb nodejs reactjs ui-design

Last synced: 13 Nov 2024

https://github.com/koutsie/win10nicer-site

a windows95 web-ui thingie

html5 javascript ui ui-design windows95

Last synced: 10 Jan 2025

https://github.com/sameerasw/toolstore-ui

A training project of a UI dashboard front-end.

dashboard dashboard-application frontend ui ui-design uiux

Last synced: 19 Nov 2024

https://github.com/dizer2/rick-morty

This is a site about the well-known cartoon "Rick and Morty" where you can watch characters from the cartoon and much more and even choose your favorite episode of your favorite cartoon 🪀🪀🪀

material-components react-hooks react-router reactjs rick-and-morty scss-mixins scss-styles scss-variables ui-design ux-design

Last synced: 18 Nov 2024

https://github.com/CodePapa360/Article-preview-component

This is my solution for the Article Preview Component challenge on Frontend Mentor.

codepapa360 css dark-mode frontend-development html javascript responsive-design ui-design ux-design web-accessibility web-development

Last synced: 23 Oct 2024

https://github.com/sujoykrhaldar/hostinger-redesign

The redesigned version of hostinger india website. Secured first place in Thapa codefest 2.

figma hostinger nextjs redesign tailwindcss ui-design

Last synced: 27 Dec 2024

https://github.com/nathanvilbert/mobile-ordering-application-han-ying-with-android-studio

The Han Ying Mobile Ordering Application streamlines the ordering process for customers at the Han Ying restaurant, offering an intuitive platform to browse the menu, place orders, and manage delivery or pickup options.

android-studio cplusplus java kotlin mobile-application-development ui-design ux-design

Last synced: 13 Nov 2024

https://github.com/SimplyProgrammer/JavaFx-Inner-UI

This library adds some new inner window layout system into JavaFx.

inner-window java javafx javafx-gui javafx-library layout ui ui-design window-in-window

Last synced: 23 Oct 2024

https://github.com/walidcherhane/designmyui

Design my ui is a user-interface design inspiration resource consisting of high quality user interface screenshots from popular websites and apps. Find ready-to-use elements to create new designs, or browse existing interfaces for inspiration.

ui-collections ui-design ui-inspirations uikit webdesign

Last synced: 23 Oct 2024

https://github.com/nermfrontdev/portfolio-dev

Showcasing my front-end expertise through meticulously crafted projects, each highlighting my dedication to creating intuitive and engaging user interfaces.

angular angular-cli api bootstrap5 emailjs-browser figma firebase-realtime-database javascript mobile-first reactive-forms recaptcha-v2 responsive-web-design responsive-website typescript ui-design ui-development

Last synced: 14 Nov 2024

https://github.com/kenanatmaca/csegmented

İOS Custom Designable UISegmentedControl

ios ios-lib ios-swift ios-ui ui-design uikit

Last synced: 29 Nov 2024

https://github.com/jacobgrisham/gatsby.js-and-styled-components

Front-end multi-page static website built with Gatsby.js, React.js, Styled Components (for CSS-in-JS) and fine-tuned with Gatsby-specific SEO optimizations and Progressive Web App (PWA) capability. Site hosted on Netlify.

css-in-js front-end-web-development gatsby gatsby-plugin gatsby-portal gatsbyjs graphql jamstack netlify progressive-web-app pwa react reactjs scalable-vector-graphics seo-optimization star-wars styled-components ui-design ux-design

Last synced: 09 Dec 2024

https://github.com/victorgaard/mighty-weather

Weather forecast React App created to practice React Hooks.

javascript react react-hooks reactjs ui-design

Last synced: 19 Nov 2024

https://github.com/gustavoestevesr/smartfit-challenge-angular

Proposta de teste Smart Fit. A rede de academias, por atuar no segmento de fitness, passou por várias mudanças na pandemia. Foi necessário desenvolver uma página para buscar unidades fechadas ou abertas para consulta e reserva.

behaviorsubject cache-control components data-binding deployment event-emitter external-font filter httpclient json observable services string-manipulation time ui-design ux-design

Last synced: 12 Nov 2024

https://github.com/gustavoestevesr/booking

Projeto Angular com Karma utilizando testes unitários com foco no Login, Cadastro, Recuperação de Senha de forma consistente e com uma ótima experiência do usuário em um formulário de autenticação.

angular angular-material authentication karma location notifications router services test-driven-development ui-design ux-design validations

Last synced: 12 Nov 2024

https://github.com/osama-raddad/gentle-palette

Gentle Palette is a color rounding tool

android android-library colors design java palette ui-design

Last synced: 29 Oct 2024

https://github.com/youngandgeek/quranappchinese

Qur'an Android App Displaying Arabic to Chinese - Chinese2 - Français -Swahili and Japanese translation

android application restful-api ui-design ux-design

Last synced: 29 Dec 2024

https://github.com/barata-ribeiro/surfbot

Website developed from scratch, about a surfing school. Design made during the "Advanced UI Design" course from origamid.com

html-css-javascript javascript javascript-modules javascript-vanilla ui-design

Last synced: 23 Nov 2024

https://github.com/alexandrbig1/your-energy-fitness-app

"Your Energy" is an innovative fitness app designed for personalized workouts. Explore custom exercises, monitor your progress, and find daily inspiration with motivational quotes. With user ratings, favorites, and a secure authentication system, it offers a seamless fitness experience. Explore a world of wellness at your fingertips!

backend computerscience css3 database firebase firebase-auth freelance frontend fullstack html-css-javascript html5 javascript js localstorage softwareengineer teamproject ui-design ux-ui-design vite webdevelopment

Last synced: 23 Nov 2024

https://github.com/nayak-sahil/campusvoice

🏫 CampusVoice is a user-friendly web application designed to help college students raise queries and provide feedback.

nextjs ui-design

Last synced: 14 Dec 2024

https://github.com/sohag-pro/neomorphism

Neumorphism (Soft UI)

ui-design

Last synced: 25 Nov 2024

https://github.com/ib-bib/TEI-Project

HCI Project Submission - SusTech 2021-2022 Information Systems sophomore class - Group: Ibrahim Adil, Elteyp Mohammed, Talal Nasr-Aldeen

accessibility bootstrap css html javascript php sql ui-design

Last synced: 23 Oct 2024

https://github.com/NearHuscarl/nearacademy

Comprehensive UI mockups of an online education website written in React

academy education educational mockup react reactjs ui ui-design

Last synced: 23 Oct 2024

https://github.com/hoangsonww/akari-puzzle-game-javafx

💡 A JavaFX-powered implementation of the Akari logic puzzle, featuring intuitive controls, dynamic feedback, and a diverse puzzle library for hours of strategic fun!

akari akari-puzzle css java java-21 javafx javafx-application javafx-gui javafx-project jfx model-view-controller mvc mvc-architecture mvc-pattern puzzle puzzle-game ui-design

Last synced: 14 Dec 2024

https://github.com/nishants/star-wars

Gaming Experience and Alien Theme Design with Angular and SCSS .

angularjs interaction-design scss ui-design widget

Last synced: 09 Jan 2025

https://github.com/jasontoups/jasontoups.github.io

Thanks for stopping by. Here's my React portfolio site for all of my engineering work.

engineering engineering-portfolio-website javascript markdown portfolio-website reactjs resume sass-mixins ui-design vector-graphics

Last synced: 18 Dec 2024

https://github.com/ahmedmitwally77/weather

When i learn API ,A website to determine the weather for 3 days by specifying your location and the country in which you are located

api bootstrap5 css design dom-manipulation font-awesome googlefonts html5 javascript ui-design validation

Last synced: 21 Nov 2024

https://github.com/namnika/myportfolio

Created Portfolio by using front-end and backend technologies

css expressjs html javascript mongodb nodejs react ui-design

Last synced: 19 Nov 2024

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

A simple calculator app built with Flutter, featuring basic math operations, sign toggle, percentage calculations, and a sleek UI. Ideal for beginners learning Flutter widgets, layouts, and state management.

app-development calculator dart flutter flutter-calculator-app flutter-widgets math-expressions math-operations mobile-app open-source state-management ui-design

Last synced: 23 Nov 2024

https://github.com/nishan-pradhan06/worldlink_app_ui_clone

This project is a Flutter application that clones the UI design of the Worldlink app.

flutter mobile-app ui-components ui-design worldlink-app-clone

Last synced: 24 Nov 2024

https://github.com/rafgpereira/login-page

Design de página de login produzida com HTML e CSS.

css html ui-design ux-design

Last synced: 29 Nov 2024

https://github.com/nearhuscarl/nearacademy

Comprehensive UI mockups of an online education website written in React

academy education educational mockup react reactjs ui ui-design

Last synced: 04 Jan 2025

https://github.com/rahul051296/venture-city

JusPay hackathon. FrontEnd Design for a Social website.

css3 googlemaps-api html5 javascript jquery jquery-ui ui-design

Last synced: 23 Oct 2024

https://github.com/ajaymarathe/ng-blossom-design-system

Hi there, Ng Blossom Design System is open souce UI-KIT for Angular lovers based on Bootcatch Blossom Theme thanks :)

angular-bootcatch-uikit angular-uikit angular6 bootstrap4 components ui-design ui-kit

Last synced: 25 Nov 2024

https://github.com/ajaymarathe/ng-apollo-design-system

NG Apollo Design System is is Coded, Written & Published By Bootcatch, Based on Angular & Bootstrap 4.x ( Bootcatch-themes ).

angular-components angular6 bootstrap bootstrap4 ng-apollo-design-system ui-design uikit

Last synced: 25 Nov 2024

https://github.com/abdallarahmah/faq-accordion-card

Frontend Mentor | FAQ Accordion Card

forntend front-end ui-design

Last synced: 16 Nov 2024

https://github.com/creative-tutorials/note-sharing-app

This is a simple NoteApp using JavaScript LocaStorage, the basic of this app is to store user note for future use, this means they wont expierence any loss of data, with the use of JavaScript LocalStorage

api css html javascript javascript-applications learnjavascript localstorage nodejs notes-app tutorial tutorials ui ui-components ui-design ux ux-design

Last synced: 22 Nov 2024

https://github.com/007anupamsharma/food_ordering_app

The Food Ordering App is a mobile application developed using Flutter, allowing users to browse and order a variety of food items from different categories like pizza, burgers, salads, and ice cream. The app integrates with Firebase Firestore for real-time data retrieval and storage.

api dart flutter flutter-apps http material-design stripe stripe-payments ui-components ui-design

Last synced: 11 Oct 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: 28 Dec 2024

https://github.com/simplyprogrammer/javafx-inner-ui

This library adds some new inner window layout system into JavaFx.

inner-window java javafx javafx-gui javafx-library layout ui ui-design window-in-window

Last synced: 19 Nov 2024

https://github.com/iqbalmind/weblab

IqbalMind's Web Playground for learn Web Programming

html-css-javascript ui ui-design ux ux-design

Last synced: 22 Nov 2024

https://github.com/DesnLee/Desn-UI

A UI library based on Vue.js 3.0 and Typescript. 基于 Vue 3 和 TypeScript 的 UI 组件库.

ui-components ui-design

Last synced: 23 Oct 2024

https://github.com/desnlee/desn-ui

A UI library based on Vue.js 3.0 and Typescript. 基于 Vue 3 和 TypeScript 的 UI 组件库.

ui-components ui-design

Last synced: 28 Dec 2024

https://github.com/pranavchiku/e-store-app-ui

A user-friendly UI for E-commerce application inspired from @Dariakravets Dribble

android dribble flutter ui-design

Last synced: 12 Oct 2024

https://github.com/JacobGrisham/Gatsby.js-and-Styled-Components

Front-end multi-page static website built with Gatsby.js, React.js, Styled Components (for CSS-in-JS) and fine-tuned with Gatsby-specific SEO optimizations and Progressive Web App (PWA) capability. Site hosted on Netlify.

css-in-js front-end-web-development gatsby gatsby-plugin gatsby-portal gatsbyjs graphql jamstack netlify progressive-web-app pwa react reactjs scalable-vector-graphics seo-optimization star-wars styled-components ui-design ux-design

Last synced: 23 Oct 2024

https://github.com/fescii/shop-ui

Mobile Shopping Site UI

shop shopping-cart ui-design

Last synced: 30 Dec 2024

https://github.com/parmesh119/analog-arm-clock

This is the real time dyanmic clock that I created using the JS and DOM manipulation and using responsive design and css part.

css3 html-css-javascript js reponsive-web-design responsive-design ui ui-design ux-design ux-ui webdevelopment

Last synced: 14 Dec 2024

https://github.com/money8203/My_Drive

An app that replicates the user interface similar to google drive

materializecss ui-design

Last synced: 23 Oct 2024

https://github.com/mallikarjunh/ui_design_development

This repository contains different different UI example which includes so many UI Elements

collectionview dynamictextview ios otp otpscreen swift tableview textview ui ui-design

Last synced: 15 Nov 2024

https://github.com/shashwatkathuria/news-application

Application to view, read, save, filter and share new articles, made using React Native.

android-application ios-application news news-app news-application react react-native react-redux redux redux-persist ui-components ui-design

Last synced: 26 Nov 2024

https://github.com/codewithalamin/chat-app-css-illustration

This is a solution to the Chat app CSS illustration challenge on Frontend Mentor.

blacklivesmatter codewithalamin css css3 html javascript ui-design webdesign webdeveloper webdevelopment website

Last synced: 08 Jan 2025

https://github.com/hasnathjami/meme_loader

A simple practice app where A user can see randomly generated memes and share these memes with his friends through different social mediums.

api-call glide implicit-intent json-data singleton-pattern ui-design volley

Last synced: 17 Nov 2024

https://github.com/barriosxjavier/tonemify

Create and adjust Shadcn themes

shadcn-ui tailwindcss ui-design

Last synced: 09 Jan 2025

https://github.com/hghyhghy/billforce.io

Completely built by my own an UI design of A service Provider company

flowbite-react next-ui nextjs14 react react-slick-carousel routing ui-design

Last synced: 11 Nov 2024

https://github.com/adiwanwade/asteroid-explorer

A beautiful mobile application for exploring Near-Earth Objects (NEOs) using NASA's API.

asteroids nasa-api nasa-apod react-native redux redux-toolkit ui-design

Last synced: 21 Dec 2024

https://github.com/mounishvatti/globetrek

GlobeTrek is a sleek and modern UI/UX implementation of a travel website built using Next.js and Tailwind CSS. This project aims to provide an exceptional user experience with seamless navigation and visually appealing design.

nextjs14 tailwindcss ui-design ux vercel-deployment

Last synced: 15 Nov 2024

https://github.com/soujvnunes/themizer

Generate CSS3 custom properties based on a given theme with tokens and aliases serving as a reference.

css css-custom-properties css-in-js css-variables design-system design-tokens design-tools react tailwindcss tool typescript ui ui-design

Last synced: 09 Jan 2025

https://github.com/is-it-ayush/dimensional_rift

A portfolio project powered by Three.js, Html and CSS.

glsl-shaders html threejs ui-design vanilla-javascript

Last synced: 13 Dec 2024

https://github.com/liderfalera/simon_dice

Building of the popular game "SIMON SAYS"

javascript simon-game ui-design

Last synced: 23 Oct 2024

https://github.com/yahyaaaaaaaa/portfolio

A website showcasing my work.

dart flutter portfolio-website ui-design website

Last synced: 21 Nov 2024

https://github.com/gisachris/math-magicians-app

The mathMagicians application is a software solution to all individuals out there that focuses on quick math equation simplification with peek design and functionality. This application is created using React.

javascript react reactjs ui-design

Last synced: 08 Dec 2024

https://github.com/gisachris/world-metrics-service

Welcome to the world class web service that retrieves data from the restCountries API and displays it in a myriad of ways with top notch UI-design and craftsmanship as well as industry standard techniques and functionality to get you the information you desire ab any country in the world

javascript react reactjs redux-toolkit ui-design ux-design webapp

Last synced: 08 Dec 2024

https://github.com/gisachris/react-bookstore-application

This is a state of the art book store application that have remarkable UI and UX design to Retrieve, display and Manipulate book Data as the user sees fit. Built with react and redux.

javascript react reactjs redux redux-toolkit ui-design ux-design

Last synced: 08 Dec 2024

https://github.com/gisachris/spacehub-website

Welcome to the SpaceX application that utilizes the SpaceX API to retrieve information about rockets and missions while adding seamless functionality that allows you to book rockets and missions from the comfort of your device and have a compelling profile section that displays booked affairs.

api-client api-rest javascript react reactjs redux-toolkit ui-design ux-design

Last synced: 08 Dec 2024

https://github.com/harsh8088/flutter_samples

A code sample series for dev.to article.

dart flutter ui-design

Last synced: 28 Nov 2024

https://github.com/niyuancheng/ni-webcomponent

基于WebComponent的原生组件库

monorepo ui ui-components ui-design webcomponent

Last synced: 28 Nov 2024

https://github.com/vedang-singh/side-nav-ui-design-blazor.net

Side Nav UI Design using C# Blazor WebAssembly

blazor blazor-webassembly csharp css html ui-design webdesign

Last synced: 14 Oct 2024

https://github.com/h-yzeng/tribute-page

A tribute webpage project dedicated to the history and impact of the Internet Revolution, highlighting key milestones, influential figures, and its profound effect on modern society.

css css3 design html html-css html5 html5-css3 tribute-page ui ui-design web-development webpage website

Last synced: 19 Nov 2024

https://github.com/h-yzeng/retro-minigames

Retro-Minigames is a Java desktop app featuring classic games like Tic-Tac-Toe, Snake, and Pong. It includes user authentication, profile management, and game statistics using MySQL and BCrypt.

database database-schema game-development java login-system mysql sql ui-design user-interface

Last synced: 28 Nov 2024

https://github.com/abbushaik/web-chat-app

This web chat application is built using a robust tech stack that includes HTML, CSS, JavaScript, Node.js, Express.js, and Socket.io. The app provides a seamless and interactive chat experience for multiple users, allowing them to communicate in real time.

css3 express-js html5 javascript node-js npm npm-module npm-package realtime-chat server-side socket-io ui-design

Last synced: 21 Dec 2024

https://github.com/Alvaro-Hernandez/ItzalliYuhqui

Application in Flutter to keep track of life goals and be able to cross one out when it is complete. “People with goals succeed because they know where they are going.” Earl Nightingale 😲❤️

flutter flutter-apps ui-design

Last synced: 23 Oct 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/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/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/suyious/ecrimeblog

Ecrime-Blog

react ui-design

Last synced: 21 Nov 2024

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 Blog & News 18 Productivity 18 Icons 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