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/justgo97/stylable-ui-components

A CSS-in-JS library for building customizable and responsive UI components in React using props for styling.

css css-in-js emotionjs react reactjs stylable styled-component styled-components typescript ui-components ui-design ui-library

Last synced: 08 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/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/ravindukariyapperuma/TCMS-App

Tuition Class Management System 📝

ui-design ux-design ux-research ux-ui

Last synced: 23 Oct 2024

https://github.com/suryavmds/Live-chat-HTML-design--like-YT-chat-

This repository contains the frontend design of the responsive live chat. You can use this to your projects. I got inspiration from Youtube's Live chat ui and implemented this

bootstrap chat frontend html-css livechat 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/liderfalera/simon_dice

Building of the popular game "SIMON SAYS"

javascript simon-game ui-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/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/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/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/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/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/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/exios66/ios-chatbot

A simple chatbot interface inspired by the iOS iMessage UI with real-time communication using Node.js, Express, and Socket.IO.

ios llama openai-api ui-design

Last synced: 20 Dec 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/sarnavakonar/androidndk

An android application that allows you to record a 10 sec audio and then plays it back with a 6x higher pitch (Native C++ library SoundTouch is used to alter pitch)

android android-audio customview native-android ndk ndk-jni soundtouch ui-design ux-design

Last synced: 09 Nov 2024

https://github.com/roman-artemiev/password-generator

⚡️ JS password generator: Creates strong passwords with desired length & character types for enhanced online security. Customizable and efficient. ⚡️

css html jquery js password-generator ui-design ux-design

Last synced: 07 Nov 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/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/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/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/javtahir/school-management-system

A School Management System Application streamlines administrative tasks, including student , teacher enrollment and grade management. It enhances the tasks to manage and access easily.

react-native-app responsive-layout ui-design

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

A website showcasing my work.

dart flutter portfolio-website ui-design website

Last synced: 21 Nov 2024

https://github.com/tanmay-312/restaurant-website

Dive into the world of web development with my HTML/CSS Restaurant Website! 🌐🎥 Experience the familiar layout and sleek design, crafted from scratch.💻🔍 #WebDev #HTML #CSS #RestaurantWebsite

css design front-end-development html restaurant-website ui-design website

Last synced: 19 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/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/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/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/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/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/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/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/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/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/kenanatmaca/csegmented

İOS Custom Designable UISegmentedControl

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

Last synced: 29 Nov 2024

https://github.com/josancamon19/whatsapp_ui_clone

Whatsapp ui clone without functionallity, just ui

dart flutter ui-design whatsapp-clone

Last synced: 07 Nov 2024

https://github.com/frankiefab100/resource-edge-landing-page

Resource-Edge is a Human resource and Logistics management website. A task by Genesys Tech Hub

landing-page react sass scss ui-design

Last synced: 07 Nov 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/bryandejesusrt/todo_list_flutter

📒La "App de Notas" simplifica la toma de apuntes diarios, ofreciendo una interfaz intuitiva y eficiente. Organiza tus pensamientos de manera fácil y accede rápidamente a tus ideas. Ideal para una experiencia de usuario fluida y práctica en la gestión de tus notas diarias.📓

dart flutter flutter-apps flutter-ui mobile mobile-development ui-design

Last synced: 10 Nov 2024

https://github.com/bope142/restaurant-website

Un modèle dynamique et polyvalent pour les restaurants qui recherchent un site web pour promouvoir leurs produits et services.

css-animations css-flexbox css-grid css3 html5 javascript sass ui-design

Last synced: 12 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: 10 Nov 2024

https://github.com/andresp08/hookbank-web

This is a dinamic project using React Js, Tailwind Css for user interface design, modern UX/UI and more.

reactjs responsive-web-design tailwindcss ui-design ux-design vite

Last synced: 12 Nov 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/nearhuscarl/nearacademy

Comprehensive UI mockups of an online education website written in React

academy education educational mockup react reactjs ui ui-design

Last synced: 09 Nov 2024

https://github.com/sanjaraiy/tailwind_cards

✨ TailwindCSS Cards ✨ - A practice repository for creating elegant and responsive cards using TailwindCSS. Perfect for honing your design skills! 🌟

hmtl5 responsive-design tailwind-css ui-design

Last synced: 09 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/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/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/alexandrelam/portfolio

New portfolio 💁🏻‍♀️

design nuxt portfolio ui-design ux-design vuejs

Last synced: 11 Nov 2024

https://github.com/shivankk26/animated-credit-card-ui-design

In this Project, I've built a UI Design for a credit card. The Tech Stack used is CSS.

css html javascript ui ui-design

Last synced: 11 Nov 2024

https://github.com/milaziabchenko/netwonderland-streaming-service

Streaming app 🖥 written in React.js, using built-in & custom Hooks, Reducer, Context, React Router v6, REST API integration with Axios, Firebase Auth, localStorage API, and stylish minimalist design 💖

axios context-api css css-animations custom-hooks debounce firebase-authentication localstorage-api optimization performance react-hooks react-js react-router-v6 responsive-layout rest-client search tabs ui-design vite

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

https://github.com/khushie134/fflow...uiux-project

A minimalistic and futuristic music streaming platform which incorporates special features like unique mood-boards for every playlist based on the songs in it.

application figma mobile-app prototype ui-design ui-ux uiux ux-design wireframe

Last synced: 07 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/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/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/sohag-pro/neomorphism

Neumorphism (Soft UI)

ui-design

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

User interface design Awesome Lists
Awesome-Design-Tools 617 awesome-web-design 92 awesome_computer_science 116 awesome-minimal-sites 32 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 861 Frameworks / Resources 236 Uncategorized 34 Material Components Web (MDC Web) 28 Inspiration 24 DBMS and SQL 24 Programming 24 Typography 20 Icons 18 Productivity 18 Blog & News 18 Colors 17 Tools / Products 16 Cryptography and Network Security 16 Personal Websites 14 Web Development 13 Design Tools 11 Images 10 Material Components iOS (MDC iOS) 9 Material Components Android (MDC Android) 9