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/doziben/boundless

Job hosting web app build with Next.js, typescript and firebase

dashboard nextjs react typescript ui ui-design

Last synced: 23 Oct 2024

https://github.com/uchamod/flutter-notepro

A simple and efficient to-do and note-taking app developed using Flutter. This app allows users to create, manage, and organize tasks and notes with ease. Data is securely stored locally using Hive, ensuring quick access and offline functionality. The project highlights the use of Flutter for creating intuitive user interfaces and Hive.

algorithms dart data-structures flutter hive localstorage state-management ui-design

Last synced: 03 Jan 2025

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: 10 Jan 2025

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/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/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/bope142/react-tailwind-portfolio

an example portfolio built with React and Tailwind CSS

css portfolio-website tailwindcss ui-design

Last synced: 11 Jan 2025

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: 11 Jan 2025

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: 11 Jan 2025

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: 24 Jan 2025

https://github.com/hhlitval/money-manager

A user interface concept for a personal money manager application.

money-management money-manager ui-design wpf

Last synced: 24 Jan 2025

https://github.com/sagardhadke/quizziepie

Quiz Android app using Kotlin

kotlin kotlin-android quiz-app quizapp ui-design

Last synced: 18 Jan 2025

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: 12 Jan 2025

https://github.com/sanmeet007/planetry

Discover how much you'd weigh on different planets with Planetry, a fun and interactive weight calculator. Curious about your weight on Jupiter, Mars, or even the Moon? Explore gravity's impact across the solar system and uncover fascinating planetary details. Give it a try and see the universe from a whole new perspective!

css-animations css3 planet-math ui ui-design

Last synced: 12 Jan 2025

https://github.com/davidyanis/Volvo-Design-Copy

School assignment to copy design of any website. I decided to copy Volvo.

ui-design

Last synced: 23 Oct 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: 12 Jan 2025

https://github.com/rahil1202/parallax

Collection of 3D websites with the parallax effects

css3 html javascript ui-design

Last synced: 12 Jan 2025

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: 12 Jan 2025

https://github.com/ivan-siljic/opinioned

Angular project with passing data between components, ActivatedRoute and searching/filtering with pipes.

angular8 api typescript ui-design

Last synced: 23 Oct 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 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/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: 19 Jan 2025

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/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: 20 Jan 2025

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

documenting my learning in my github repo

html-css responsive ui-design

Last synced: 21 Jan 2025

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

Mobile Shopping Site UI

shop shopping-cart ui-design

Last synced: 30 Dec 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/josancamon19/whatsapp_ui_clone

Whatsapp ui clone without functionallity, just ui

dart flutter ui-design whatsapp-clone

Last synced: 28 Dec 2024

https://github.com/simranjeet97/admission-cell-system

A Desktop Application used for University/Collage/School Student's Information and their Fee Information with Pending and Pay Options. It have Features to Add or Update Student details with Powerful MySQL database.

admissions-systems corejava desktop-application java minor-project oops project top-10 ui-design

Last synced: 14 Jan 2025

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/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/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: 10 Jan 2025

https://github.com/prak112/beatmaker

A customized beatmaker for making and saving funky beats using pygame

freecodecamp-project music python python-pygame ui-design

Last synced: 15 Jan 2025

https://github.com/1999azzar/color-scheme-tester

The Color Scheme Tester is a web application designed to allow users to test and visualize different color schemes. This application features a user-friendly interface where users can input their custom color schemes and see the changes applied in real-time.

pallete ui-components ui-design

Last synced: 05 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/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 Jan 2025

https://github.com/owengregson/sparkev-ui

A recreation of the Tesla UI Interface, made in HTML, CSS, and JS for my EV project.

css3 html5 javascript spark spark-ev tesla tesla-clone tesla-ui tesla-ui-clone ui ui-design web

Last synced: 22 Jan 2025

https://github.com/sudeepacharjee/profile-card

The profile card, crafted with HTML and CSS, presents a user's profile picture, name, designation, and a concise bio. It offers a clean layout, tasteful styling, and clear typography to create a visually appealing and informative representation of the user's identity.

front-end-development html-css-javascript profile-card ui-design

Last synced: 14 Jan 2025

https://github.com/byahram/flutter_ui

App UI Deign In Flutter

app flutter ui-design

Last synced: 15 Jan 2025

https://github.com/erentasci/uidesigndaily-search

UI Design Daily Search Component

ui ui-design

Last synced: 05 Jan 2025

https://github.com/erentasci/google-clone

Google Clone with CSS Flexbox

ui ui-design

Last synced: 05 Jan 2025

https://github.com/divyesh-pansuriya/rdcircleprogresskit

CircleProgressKit is a lightweight and highly customizable circular progress view designed for iOS applications. It allows you to create visually appealing progress indicators with optional center images, making it perfect for dashboards, fitness apps, and more.

circularprogressbar indicators ios open-source progress-bar progressbar story swift swift5 ui-design uikit whatsapp xcode

Last synced: 22 Jan 2025

https://github.com/jrnxf/actor-lookup

Relevant information for anyone in the film industry

imdb nodejs react skrrrt ui-design

Last synced: 28 Dec 2024

https://github.com/jsimell/musicrecommender_ui-project

This repository describes the process of designing a UI for a music recommender mobile application (work-in-progress).

mobile-ui ui-design

Last synced: 22 Jan 2025

https://github.com/mrbrunelli/little-invest

Prototipagem de um site de investimentos utilizando o Adobe XD

adobe-xd ui-design

Last synced: 15 Jan 2025

https://github.com/jesserc/techcreek-ui-redesign

UI redesign of techcreek.ng made with react-js and sass

react react-router sass ui-design

Last synced: 20 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/malaksadek/ui-designs

A collection of Adobe XD files showing UI designs for mobile application and websites 📱 🎨 (2019)

adobe-xd adobe-xd-prototyping ui ui-design ui-ux ux-design

Last synced: 17 Jan 2025

https://github.com/thegibi/flex-box

Clonning Twitter Profile Page using Flex-Box from CSS3 to improve Design Skills! :)

css3 flexbox-css frontend-web ui-design

Last synced: 05 Jan 2025

https://github.com/rynanda/yield-productivity-app-design

A design of a productivity app, Yield, aiding users, students and employees alike, in becoming more productive.

figma mcdm prototyping stylesheets thematic-design-analysis ui-design

Last synced: 21 Jan 2025

https://github.com/ayushibansod/lotusocial

Lotus is a user-friendly social media app designed to make text-based sharing simple and engaging. With an emphasis on thoughtful interaction, Lotus provides a seamless experience where users can easily create, view, and engage with posts.

lotustalks post-and-connect react reactjs ui-design

Last synced: 20 Dec 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 Jan 2025

https://github.com/efebadir/kolaptasarimcalismasi

Kotlin programlama dilinde geliştirilmiş bir tasarım çalışması. Dark ve normal modlarla minimalist bir arayüz sunuyor. Android uygulamalarında veya diğer projelerde kullanılabilir. Katkıda bulunma seçenekleri yok. Lisansa tabi değil, ücretsiz kullanılabilir

android-development application-development dark-mode design-study kotlin kotlin-development minimalist-design mobile-apps mobile-development theme-designing ui-design user-interface-design

Last synced: 19 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/ksh5324/ui

Make a simple ui that we use in school

npm storybook ui-design

Last synced: 20 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/md0011/refersion-ui-pricing

Tried my hands on this beautiful UI using HTML and CSS.

css html javascript ui-design

Last synced: 22 Jan 2025

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 Jan 2025

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/shank404/traders.io

~~ JS / Express - Application ~~ This was our project in web-programming at our university. We used as framework express, sqlite and other Modules which are defined in the README.

expressjs html-css-javascript ui-design webdesign

Last synced: 02 Jan 2025

https://github.com/pransu-code/bankist-website

Minimal Banking website ( Smooth UI interface and frontend )

figma frontend-development html-css-template javascipt ui-design website

Last synced: 16 Jan 2025

https://github.com/tmseldon/uileveldesigncourse

[Unreal 5.3] UI Level Design Course - translating pure Blueprints into pure C++ classes

cplusplus ui ui-design unreal-engine unreal-engine-5

Last synced: 20 Jan 2025

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: 23 Jan 2025

https://github.com/amn-max/windowsformfactorial

Simple GUI Windows Form, Calculates Factorial of a number

factorial ui-design visual visual-studio windows-application windows-forms windows-ui

Last synced: 07 Jan 2025

https://github.com/ameya-6964/artvert-advertisement-website-frontend

Artvert is an Indian Startup made By Talented Young Entrepreneurs Which Will Help You Build and Develop Your Brand

animation framer-motion reactjs responsive-web-design styled-components ui-design

Last synced: 21 Jan 2025

https://github.com/milaziabchenko/full-stack-task-tracker

Nifty task tracker created with MongoDB Atlas, Mongoose, Express, Node, React using Hooks, Reducer & Context, React Router v6, framer-motion animations, and my elegant design 💙💛

context-api css error-handling express-js framer-motion full-stack mern-stack middleware modular-architecture mongodb-atlas mongoose node-js odm prop-types proxy react-js react-router-v6 rest-api ui-design vite

Last synced: 09 Jan 2025

https://github.com/milaziabchenko/custom-music-player-with-dropdown-select

Custom music player coupled with custom-made dropdown select, built with HTML, CSS, and JavaScript, combining FP and OOP approaches, and using the Web Audio API functionality

audio-player customization events functional-programming html-css-javascript oop ui-design web-audio-api

Last synced: 09 Jan 2025

https://github.com/milaziabchenko/minimo-website

Stylish photodiary | lifestyle | travel multi-page website created with modern features of HTML5, CSS3, and JavaScript, combining functional programming and OOP approaches

css-animations css-flexbox css-grid functional-programming html-css-javascript localstorage-api multi-page-application oop responsive ui-design

Last synced: 09 Jan 2025

https://github.com/milaziabchenko/animated-photo-gallery

Photo Gallery built with CSS grid layout, using CSS animations

css-animations css-grid gallery grid-template-areas responsive ui-design

Last synced: 09 Jan 2025

https://github.com/e-d-i-n-i/gebeya-pub

Gebeya is an e-commerce application built with Flutter for both frontend and backend, utilizing Firebase for data management and user authentication.

dart ecomerce fibase flutter-ui mobile-app ui-design

Last synced: 13 Jan 2025

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