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/san00/star-wars

Search for star wars movie characters - May the force be with you.

bem-naming front-end-development html5 sass swapi-api ui-design

Last synced: 23 Oct 2024

https://github.com/hashimsaffarini/nike_app

The "Nike App" is a Flutter-based mobile application that provides a streamlined shopping experience for Nike products. It includes a dynamic carousel for announcements, product categorization, and easy category-based filtering. The app is designed for both iOS and Android platforms

firebase flutter state-management ui-design

Last synced: 24 Jan 2025

https://github.com/abhishekjain12/media-lookup

UI design for new website

css html materializecss news-app ui ui-design

Last synced: 28 Jan 2025

https://github.com/chirag26mahajan/easy-diagnosis

A healthcare platform designed with a focus on seamless UI/UX using Figma. It helps users find doctors nearby, book doorstep lab tests, access instant video consultations, and get medicines delivered—all in one place.

figma ui-design

Last synced: 16 Jan 2025

https://github.com/nehalskdev/progress-bar

Created progress bars using only HTML and CSS

css3 frontend html5 progress-bar ui-design

Last synced: 19 Jan 2025

https://github.com/bendomey/poly-ui

A design system 😋 that has an opinionated API ❤️, modular and accessible cool ui components for faster development 🥂.

components design-system react robustness ui-design

Last synced: 16 Jan 2025

https://github.com/mkenlo/Concentration-game

Concentration game a card game in which all of the cards are laid face down on a surface and two cards are flipped face up over each turn.

javascript ui-design

Last synced: 23 Oct 2024

https://github.com/golangis/LTW-LunchLab

Web application that allows users to search for food and restaurants, as well as to create their own restaurants. 🍔🍕

figma javascript ltw php ui-design webdev webdevelopment

Last synced: 23 Oct 2024

https://github.com/thisisadityapatel/ScotiaSimple-UI-UX

A Scotiabank affiliated lite app prototype ScotiaSimple.

prototyping ui-design

Last synced: 23 Oct 2024

https://github.com/reus-design/reus-design

UI Library for React

reactjs rollup ui-design

Last synced: 23 Oct 2024

https://github.com/ayushsiloiya619/figma

Figma Designs

figma ui ui-design ux-design

Last synced: 28 Jan 2025

https://github.com/lyrklif/css-utility-classes

Comprehensive CSS Utility Classes and SCSS Functions for Responsive and Scalable Frontend Development. This toolkit provides essential styles for text, layout, buttons, and more, enabling fast and efficient UI design with minimal custom CSS

button-style css css-variables flexbox-utilities frontend responsive-design scss styles text-styles ui-design utility-classes web-development

Last synced: 13 Nov 2024

https://github.com/umair13adil/flutter_motion_ui

A flutter app to show case use of Animations in the app.

animations flutter flutter-examples flutter-ui flutter-widget ui-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: 24 Jan 2025

https://github.com/sanish07/infomania-v2.0

Enhanced Startup Responsive Website made with HTML, CSS, Bootstrap.

bootstrap css3 html ui-design web-development

Last synced: 28 Jan 2025

https://github.com/rameshovyas/magzine-layout

CSS Grid Magzine Layout Demo for displaying blog posts.

blog-post-website-front-end css-grid-layout magzine-layout responsive-layout ui-design

Last synced: 28 Jan 2025

https://github.com/rameshovyas/css-multi-column-layout

Responsive web page design to display aricles in multi column. Can be used for displaying featured artciles in your blog post.

blog-post-website-front-end css-grid-layout css-ui multi-column responsive-web-design ui-design

Last synced: 28 Jan 2025

https://github.com/rameshovyas/magzine-layout-v3

Responsive magzine design for displaying aricles in multi column. Can be used for displaying featured artciles in your blog post.

css-grid-layout front-end-development magzine-layout responsive-design ui-design user-interface

Last synced: 28 Jan 2025

https://github.com/DG-Product-Design/personal-portfolio

This is my personal portfolio website, built from the ground-up with React and Typescript. Uses GitHub Pages for CI/CD.

front-end-development react typescript ui-design ux-design

Last synced: 23 Oct 2024

https://github.com/j0rgedev/lacocherapos

Desktop Java application for the point of sale and management of La Cochera restaurant

admin-dashboard java java-swing-gui point-of-sale ui-design

Last synced: 22 Jan 2025

https://github.com/ingridevv/desafio-ux-dio

Projeto de UX do curso Formação UX da plataforma Digital Innovation One.

course-projects design-system dio-bootcamp prototype ui-design ux-design ux-designer ux-experience ux-ui

Last synced: 09 Jan 2025

https://github.com/christopher-rieder/practice-natours

Practice from an udemy course. HTML and CSS

css3 html responsive-design sass ui-design

Last synced: 23 Oct 2024

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/Henrique1204/Tipografia-na-Web

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

tipografia ui-design web-design

Last synced: 23 Oct 2024

https://github.com/mrlizhaozhi/product-and-user-interface-designs

This repo stores my product and user interface designs. Links will take you to live design prototypes.

graphic-design product-design product-development prototype ui-design ui-research user-experience user-interface ux-design ux-research wireframe

Last synced: 23 Oct 2024

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/pedropfsf/worked_hours_counter

Aplicativo que calcula seu valor baseado nas horas trabalhadas

dart flutter flutter-apps ui-design

Last synced: 04 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/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/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/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/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/DayMendes/DayMendes-Portfolio-Origamid

Portfólio simples desenvolvido no curso da Origamid

css html ui-design

Last synced: 23 Oct 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/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/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/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/caseyochieng/100-day-flutter-ui

100-Day Flutter UI Course Master the art of creating stunning mobile apps with this comprehensive Flutter course Dive into Flutter's widgets, layouts, animations, and more to build captivating user interfaces Suitable for both seasoned developers and beginners, this course promises to elevate your design expertise and unlock your potential

100daysofcode flutter flutter-apps flutter-apps-development flutter-widget learning-by-doing ui-components ui-design uikit

Last synced: 27 Dec 2024

https://github.com/imvinojanv/music-app-ui-design

Music App Interface Design 📻 Inspired by Spotify

react-ui-kit spotify-design ui-design

Last synced: 17 Oct 2024

https://github.com/shamikaredkar/kmeans-algorithm-visualizer

The K-Means Visualizer is an interactive web application designed to help users understand and visualize the K-Means clustering algorithm. Through an intuitive interface, users can experiment with different numbers of data points and clusters, and observe how the algorithm iteratively updates centroids and assigns data points to clusters.

bulma css html interactive-visualizations interactive-webpage javascript jquery kmeans kmeans-clustering kmeans-clustering-algorithm machine-learning machine-learning-algorithms ui-design

Last synced: 06 Dec 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/rl4444/digital-guitar-tuner

Digital guitar tuner Mac/ Windows/ Linux application built using Electron Forge (Javascript), HTML, CSS, Web Audio API and build with the package 'pitchfinder' - https://www.npmjs.com/package/pitchfinder

electron react ui-design webaudio-api webpack

Last synced: 19 Dec 2024

https://github.com/krypton225/ui-challenge-intern2grow-1

This is just a UI task for training in intern2grow.

html5 intern2grow less less-watcher ui-design ui-development watch-compiler

Last synced: 25 Dec 2024

https://github.com/harveyq999/mobile-baking-recipe-app-ui

KHN'S BakeCraft- Mobile Baking Recipe App UI Design

figma ui-design

Last synced: 10 Oct 2024

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

https://github.com/henrique1204/css-padrao

Este repositório serve para guardar arquivos padrões utilizados em projetos.

css3 grid-layout ui-design

Last synced: 22 Dec 2024

https://github.com/mijuqd/veterinary-appointment-webapp

This was our Third-year First-semester beginner-level capstone project

figma ui-design ux-design

Last synced: 23 Jan 2025

https://github.com/ezzeddinp/notes-app-homepage

Exercising my react native UI skills :)

homepage react-native ui-design

Last synced: 07 Dec 2024

https://github.com/totaro/totaro.github.io

Home for my JavaScript/React/Html/Css/Htmx/Angular/Tailwind CSS/Svelte playground. Also, check out my Figma UX/UI design examples: Landing Page, User Flows, Sitemap, Wireframing and Mobile App Design. I also experimented with Data Analytic Visualization Tool Tableau. Links in site Hero section and this repository Readme.

angular api css developer fetch-api font-awesome front-end-development frontend html htmx javascript react reactjs responsive-web-design svelte tailwindcss ui-design ux-ui website websitedesign

Last synced: 19 Jan 2025

https://github.com/gurjit03/100-days-design-challenge

This is famous daily ui 100 days design challenge

challenge css html ui-design

Last synced: 24 Jan 2025

https://github.com/zyn10/calculator_es6-javascript

Calculator with Html Css and es6

css es6-javascript html javascript ui-design

Last synced: 19 Jan 2025

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

https://github.com/jarrarshahid/data-manager-app-with-apis

Data Manager App is a Flutter-based project that demonstrates efficient local data management with a clean and modern UI. It features CRUD operations powered by SQLite and also Includes REST APIs with the help of Mock Server making it an excellent tool for learning or showcasing app development skills in Flutter.

android android-app apis crud-application dart data-management flutter flutter-database ios localstorage mobile-app rest-api sqlite ui-design ux-design

Last synced: 23 Jan 2025

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 internship-challenge tailwind tailwind-css tailwindcss ui ui-design

Last synced: 21 Jan 2025

https://github.com/leo-henrique/easybank-landing-page

Landing page de um banco digital utilizando CSS BEM, React e SASS avançado para padrões de UI e consistência de design.

components css-bem react sass sass-architecture sass-boilerplate sass-maps sass-mixins ui-design

Last synced: 19 Dec 2024

https://github.com/bartolomej/sign-in-form

Sign In form design concept.

form-ui registration-forms ui-demo ui-design

Last synced: 22 Dec 2024

https://github.com/bartolomej/nike-website

Nike website design concept made for school project.

nike-shoes react ui-concept ui-design

Last synced: 22 Dec 2024

https://github.com/darksouls53/fitlife

iOS fitness tracking application built with SwiftUI. Features comprehensive workout logging, exercise library, progress tracking, and nutrition monitoring. Implemented with modern iOS development practices and intuitive UI design.

api-integration exercise firebase fitness health-app icloud ios mobile-app swift swiftui ui-design workout-tracker

Last synced: 26 Jan 2025

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/filipeccm/weather-api

A weather forecast app developed with React that fetches data from an API. It allows the user to search for a specific location and also toggle displaying the data in Fahrenheit or Celsius.

api css html react ui-design

Last synced: 20 Jan 2025

https://github.com/crosbydoo/flux-ui

Flux UI is a open source design system thats make by crosbydev. customize component thats make be easier to use and to help the development

android dart design-system flutter ios ui-design

Last synced: 25 Jan 2025

https://github.com/alaazameldev/yumi_foods

A Flutter app designed to work on Android & IOS, for ordering meals from popular restaurants

bloc clean-architecture firebase firebase-auth firebase-database firebase-storage flutter ui-design

Last synced: 07 Dec 2024

https://github.com/diegoreports/fullscreenoverlay

Menu usando biblioteca jQuery.

code css3 html5 javascript jquery overlay ui-design

Last synced: 07 Dec 2024

https://github.com/ishaan28malik/tableau-based---

Getting started with building first Visualization in Tableau.

apk python tableau trending ui-design visualization

Last synced: 25 Jan 2025

https://github.com/bccpadge/pricing-card

UI Design Daily - Pricing Card using HTML and CSS

accessibility html-css lighthouse ui-design

Last synced: 07 Dec 2024

https://github.com/maklonfr/entityframeworkcrud

Entity Framework - Insert Update Delete and Search in C# and MYSQL Server

csharp entity-framework mysql-server ui-design

Last synced: 17 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 Tools / Products 18 Icons 18 Productivity 18 Blog & News 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