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/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/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/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/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/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/kanugurajesh/ui-design-practice-scrimba

documenting my learning in my github repo

html-css responsive ui-design

Last synced: 20 Nov 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/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/eastonarcher/javascript-three.js-website

⚡Portfolio website created with Three.js allowing for dynamic environment and 3D graphics

framework three-js ui-design

Last synced: 13 Nov 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/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/airbr/ngchip-dialog-search

Angular 1.x/Angular Material module for searching/adding/filtering/saving md-chips from a md-dialog

angular-directives angular-material angularjs dialog javascript md-chips ui-design

Last synced: 08 Jan 2025

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/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/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/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/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/abdallarahmah/faq-accordion-card

Frontend Mentor | FAQ Accordion Card

forntend front-end ui-design

Last synced: 16 Nov 2024

https://github.com/simplyyan/cobalf

Cobalf is a lightweight, fast, and feature-rich JavaScript library aimed at simplifying front-end development tasks. It provides a comprehensive set of functionalities to empower developers in creating dynamic and secure web applications.

animation animation-css css css-grid css3 dom-manipulation framework front-end front-end-development frontend frontend-web html html5 javascript javascript-framework javascript-library js ui ui-components ui-design

Last synced: 14 Dec 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/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/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/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/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/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/iamabs2001/wizardcss

:jack_o_lantern: A Simple, :tada: Minimalistic, :mage: Zero Dependency :rainbow: CSS Framework with :genie: animations

css css-framework scss scss-framework ui ui-components ui-design wizard wizardcss

Last synced: 06 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/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/pedropfsf/generator_hexadecimal_code

Aplicativo usado para gerar uma cor hexadecimal aleatória

color dart flutter flutter-app ui-design

Last synced: 04 Jan 2025

https://github.com/pedropfsf/todolist-flutter

Aplicativo de lista de tarefas

dart flutter flutter-app todo-list ui-design

Last synced: 04 Jan 2025

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/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/sohag-pro/neomorphism

Neumorphism (Soft UI)

ui-design

Last synced: 25 Nov 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/dinithafdo/timekeeper-app-ui

This project showcases the user interface design for the Time Keeper mobile application, a handy tool for checking bus and train schedules in Sri Lanka. Designed with modern aesthetics and user-friendly navigation, this app aims to simplify public transportation for everyday commuters.

bus-schedule figma navigation train-schedule transit 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/gustavoohrq/bankig-app-ui

Prototype of a banking UI

expo react-native ui-design

Last synced: 24 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/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/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: 11 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: 23 Oct 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/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/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/liderfalera/simon_dice

Building of the popular game "SIMON SAYS"

javascript simon-game ui-design

Last synced: 23 Oct 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/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/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/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/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/ardesh1r/today-app

TODAY is your ultimate guide for comfortable access to tools and services that you need every day. TODAY can help you manage your to-do list and payments and offer several practical features.

android android-studio application java rest-api ui-design

Last synced: 19 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/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/koutsie/win10nicer-site

a windows95 web-ui thingie

html5 javascript ui ui-design windows95

Last synced: 11 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/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/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/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/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/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

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 Programming 24 DBMS and SQL 24 Inspiration 24 Typography 20 Blog & News 18 Productivity 18 Icons 18 Tools / Products 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