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/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/ezratech/ezhealth

Healthy is something that is on everyone’s mind at some point. We put a bit of a focus on eating, fitness and plan your healthy life cycle with this one. We have more colorful style features for you.

android animation colorful expo firebase healthy ios react-native realtime-database ui-design ux-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/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/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/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/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/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/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/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/thisiskushal31/exam-portal-login-page

Login page for exam portal using HTML & CSS.

css html login-page ui-design

Last synced: 23 Oct 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/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/heliomarpm/dotnet.uisamples

Controles personalizados modernos, simples e elegantes para Windows Forms

csharp-code dotnet dotnet-controls ui-components ui-design winforms winforms-controls

Last synced: 09 Dec 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/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/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/githubak2002/nextjs-ui-to-website

Ui to website using → Next js

nextjs ui-design website website-design

Last synced: 04 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/niyuancheng/ni-webcomponent

基于WebComponent的原生组件库

monorepo ui ui-components ui-design webcomponent

Last synced: 28 Nov 2024

https://github.com/apps-bay-limited/classic-15-puzzle

Classic 15 Puzzle Number Game: A modern implementation of the classic sliding puzzle game built with Flutter, offering smooth animations and a clean UI.

android board-games classic-game cross-platform dart dart-library education flutter flutter-app game-development ios mobile-app puzzle-game puzzle-solving sliding-puzzle state-management ui-design

Last synced: 09 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/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/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/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/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/siraajul/nogrammer

Simple Android App Desing Using XML & Material 3 UI

andorid material-design ui-design xml

Last synced: 04 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/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/liderfalera/simon_dice

Building of the popular game "SIMON SAYS"

javascript simon-game ui-design

Last synced: 23 Oct 2024

https://github.com/camara94/uxpourleweb

UX design is a still a relatively new field, with many companies only just waking up to the fact that they need someone on their payroll if they want to succeed in attracting and retaining customers.

creativity ui ui-design ui-testing ux ux-design ux-experience ux-framework ux-ui

Last synced: 23 Dec 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/nannigalaxy/engineering-campus-app

An android app with modern Material Design for CSE students in ACSCE

android computer-science engineering-vtu material-design ui-design

Last synced: 19 Dec 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/gauravkesh/personalportfolio

I create my personal portfolio

css html reactjs tailwindcss ui-design vscode

Last synced: 12 Dec 2024

https://github.com/chamodshehanka/chess_board

Chess board is an awesome chess game ever. In this site you can move chess pieces by your voice commands

chess css flat-design game javascript jquery material-design ui-design voice-commands

Last synced: 12 Dec 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/androidwithrossyn/onboarding-screen-design

Creating Engaging First Impressions Design effective onboarding screens that captivate users, convey your app's value, and ensure a seamless introduction to your product.

onboarding onboarding-screen onboarding-squad ui ui-design

Last synced: 13 Dec 2024

https://github.com/codingbygopal/react-goutils

GoUtils is a multifunctional responsive web app that provides three demanding features that are Create Notes, Text Analyzer, and Multiplication table generator to help professionals as well as the general public in their daily life

front-end front-end-development front-end-web-development javascript javascript-library lazy-loading-images react-router-dom react-router-dom-v6 react-router-v6 reactjs skeleton-loading tailwind tailwindcss ui-design utility-application

Last synced: 13 Dec 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/rupak-25/nike-landing-page

The Nike Landing Page project is a sleek, responsive web application built using React and Tailwind CSS. It showcases modern design and user-friendly features, providing a seamless and visually stunning experience. Perfect for learning and applying cutting-edge web development technologies🌟 Click the link given below to experience live 👇

frontend-development fullstackwebdevelopment html-css-javascript nike nike-landing-page reactjs skills ui-design webdevelopment-project website

Last synced: 17 Dec 2024

https://github.com/rupak-25/tinder-clone-2024

This repository contains the code of Tinder UI Clone, follow the path to below to see the video of the final outcome of this project.

css3 full-stack-web-development gsap html5 javascript mobile-first responsive-design responsive-layout responsive-web-design tailwindcss ui-design web-development

Last synced: 17 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/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/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/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/skyv26/multi-step-form

Multi-step forms are particularly useful when there is a lot of information to capture, or when the form requires multiple data entry points, such as when asking for personal information, address details, and payment information.

css3 design html5 javascript ui-design

Last synced: 18 Dec 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/srijan-d/stripe-ui-clone-reactjs

Stripe's landing page UI layout with animated sliding of navbar just like Stripe's official landing page

css javascript react stripe stripe-elements ui-design

Last synced: 18 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/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/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/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/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/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/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/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/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/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/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/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/leoglme/react-chat-app

chat application made with react js

app chat message react react-hooks react-router reactjs scss ui-design

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

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 863 Frameworks / Resources 235 Uncategorized 34 Material Components Web (MDC Web) 28 DBMS and SQL 24 Inspiration 24 Programming 24 Typography 20 Blog & News 18 Productivity 18 Icons 18 Colors 17 Cryptography and Network Security 16 Tools / Products 16 Personal Websites 14 Web Development 13 Design Tools 11 Images 10 Material Components Android (MDC Android) 9 Material Components iOS (MDC iOS) 9