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

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/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/victorgaard/mighty-weather

Weather forecast React App created to practice React Hooks.

javascript react react-hooks reactjs ui-design

Last synced: 20 Jan 2025

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

https://github.com/ojonatasquirino/css

Documentação dos meus estudos em CSS. Aqui contém arquiteturas de layouts e aplicações visuais.

css front-end ui-design

Last synced: 19 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/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/prabhsingh20/hoobank

A sleek and modern UI/UX website developed with React.js and Tailwind CSS, Hoobank exemplifies simplicity and innovation in design. It serves as an excellent reference for creating future web applications, providing a seamless user experience with elegant animations, responsive layouts, and stunning visuals.

reactjs responsive-design tailwind-css ui-design

Last synced: 25 Jan 2025

https://github.com/prabhsingh20/brainwave

Modern UI/UX website, developed using React.js and Tailwind CSS, exemplifies modern UI/UX principles. Its sleek design, seamless animations, and overall user experience set a high standard, serving as a reference or inspiration for future modern applications or websites in general.

animations reactjs responsive tailwindcss ui-design

Last synced: 25 Jan 2025

https://github.com/prabhsingh20/gericht

Gericht is a classy, modern restaurant website built using React.js. It showcases elegant design elements and serves as a demonstration of refined front-end development skills, providing an inspiring reference for creating sophisticated, responsive web applications.

reactjs responsive-design ui-design

Last synced: 25 Jan 2025

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

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

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

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/prthub/gericht

A Restaurent webapp using React

css react ui ui-design

Last synced: 29 Dec 2024

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/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/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/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/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/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/pablowib/estatica-74-textocircular

¿Cómo crear texto circular en css?

css html ui-design

Last synced: 26 Dec 2024

https://github.com/kayenm/tindog-website

In this day and age there are countless dating apps for humans, but none for dogs??? How could we let this happen, dogs want to find love too!

bootstrap html-css-javascript ui-design

Last synced: 20 Jan 2025

https://github.com/HackersYacht/whatsapp

A WhatsApp UI clone

react-native ui-design

Last synced: 23 Oct 2024

https://github.com/shoppingzh/ui-tailwind-presets

市面上常见UI库的TailwindCSS规范实现

components css style tailwind tailwindcss ui ui-design

Last synced: 01 Jan 2025

https://github.com/hamidhosen42/flutter_web_and_mobile_ui_squid_game

Flutter UI design web and mobile phone squid game.

dart flutter flutter-apps flutter-package ui-design

Last synced: 31 Dec 2024

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/rishabhraikwar98/sinppet.code

A fully functional Ray.so clone (a powerful tool for sharing code snippets) with additional features. Share beautiful screenshots of your code on your social media platforms.

nextjs react shadcn-ui tailwindcss ui-design vercel vite

Last synced: 02 Jan 2025

https://github.com/ahmedraja1/dcse-search-engine

UI of School of Computer & Information Systems Engineering, DCSE UET Peshawar

engine search ui-design

Last synced: 17 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/anton2mihail/tweeter

simple twitter clone using mongodb and expresss leveraging responsive design principles

css css-flexbox-layout css-grid es6 expressjs html5 javascript jquery mongo mongodb nodejs npm responsive-design responsive-layout ui-design

Last synced: 23 Oct 2024

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/andresp08/quiosco-app

Fullstack application that allows you to choose different products from a database and order your favorite food

nextjs prisma tailwindcss ui-design ux-design

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

This app design was inspired by the netflix serie called 'The perfect date':

figma logo-design netflix ui-design ux-design

Last synced: 07 Jan 2025

https://github.com/hrushi-thorat/buttons

Creative vue button components collection

button javascript nuxtjs ui-components ui-design vue vuejs

Last synced: 07 Dec 2024

https://github.com/gobinath-b/angular-login-page

A simple login auth application

angular login-system ui-design

Last synced: 16 Jan 2025

https://github.com/maitrakhatri/goodreads2.0

goodRead's UI Re-imagined

goodreads html-css redesign ui-design

Last synced: 14 Jan 2025

https://github.com/zemmsoares/little-lemon-restaurant

Front-End Development course capstone project

css-grid react ui-design

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

https://github.com/SCarrollKeene/stephencarrollkeene

My 2021 UX/UI Portfolio site created using HTML, CSS and JavaScript. Currently hosts 4 of my case studies.

css front-end-development html javascript portfolio ui-design ux-design webdevelopment

Last synced: 23 Oct 2024

https://github.com/marceelodominguez/job_finder_app

An app to search for work using Rapid API. Jobs can be filtered and the search engine has an infinite scroll.

react-native react-native-navigation typescript ui-design

Last synced: 23 Jan 2025

https://github.com/devansh-chouhan/react-pizza-fast

React Pizza Fast is a modern, fast, and visually appealing web application for ordering delicious pizzas online. Built using React and Vite, the project leverages cutting-edge technologies to provide a seamless user experience, lightning-fast load times, and responsive design.

frontend javascript react tailwindcss ui-design vercel

Last synced: 05 Jan 2025

https://github.com/troccoloAndrea/simple_portfolio

Simple personal portfolio in html and css for Start2Impact project.

css html javascript ui-design

Last synced: 23 Oct 2024

https://github.com/hein-htetsan/easybanklandingpage

challenge on Frontend Mentor with tailwind css

html tailwindcss ui-design

Last synced: 19 Jan 2025

https://github.com/exoad/design

Colors and themes for all my GUI apps

color color-palette color-scheme color-theory colorscheme theme ui-design

Last synced: 30 Dec 2024

https://github.com/ifYanneelse/Fact-checking-OJogo

Aplicativo Newsgame “Fact-checking O Jogo” :mag: | Universidade Federal de Santa Catarina

construct3 fact-checking factchecking gamedesign newsgame ui-design ux-design

Last synced: 23 Oct 2024

https://github.com/Gustavoohrq/game-store-ui

Prototype of a game store UI

axios react-native ui-design

Last synced: 23 Oct 2024

https://github.com/newdesignfile/effects

[WIP] Layering, elevations, and effects styles.

design effects elevations figma layering shadows styles ui-design

Last synced: 06 Dec 2024

https://github.com/mikexarau/personal-portfolio-showcasing-my-skills-and-projects

This is my personal portfolio website built to showcase my skills, projects, and professional experience. It is designed using modern web technologies like React and Gatsby, offering a responsive and interactive user experience. The portfolio is structured to highlight my technical expertise, creative projects, and career achievements.

animation-css branding css3 fullstack-development gatsby javascript react ui-design ux-design

Last synced: 18 Jan 2025

https://github.com/henrique1204/tipografia-na-web

Práticas e exercícios do curso de Tipografia Avançada da Origamid.

tipografia ui-design web-design

Last synced: 22 Dec 2024

https://github.com/henrique1204/projeto-art-baby

Projeto pessoal de um site comercial de bebês reborn.

css3 html5 javascript ui-design web-design

Last synced: 22 Dec 2024

https://github.com/henrique1204/exemplos-para-interfaces

Repositório para guardar meus testes de ideias para componentes de interface.

css3 es6 javascript ui-design ux-design web-design

Last synced: 22 Dec 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 DBMS and SQL 24 Programming 24 Inspiration 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 Android (MDC Android) 9 Material Components iOS (MDC iOS) 9