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/gabrielcoutz/frontend-angular

Este projeto tem como intenção o aprofundamento em Angular, conhecimento e prática do NgRx e aumentar o domínio do Angular Material

angular angularmaterial api jasmine typescript ui-design ux-design

Last synced: 11 Feb 2025

https://github.com/dbriane208/leafguard

A user-friendly mobile app that integrates the LeafGuard CNN model for real-time plant disease classification. Capture or upload leaf images to receive immediate, actionable plant health insights.

api-integration dart firebase flutter mobile-development statemanagement ui-design

Last synced: 11 Feb 2025

https://github.com/mehmetkahya0/earthquake-tracker

Earthquake Tracker, A real-time earthquake monitoring application that visualizes seismic activity worldwide using interactive maps and data visualization.

ai api css cursor data data-vizualisation earth-observation earthquake earthquake-data earthquake-visualization earthquakes html js modern-web scrape ui ui-design web

Last synced: 11 Feb 2025

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/chnirt/rn-chnirt-ui

Essential cross-platform UI components for React Native

react-native ui-design

Last synced: 21 Dec 2024

https://github.com/chirag26mahajan/login-template-ui-ux

Login template for your website using Figma software

figma ui-design

Last synced: 26 Jan 2025

https://github.com/sha3-git/user-oriented-design

Studying key design components of user-friendly applications

ui-design ux-design wordpress-site

Last synced: 20 Dec 2024

https://github.com/gurpreet17/fintechify

Final project for EECS 1022 where my team and I developed a financial app using Android Studio, showcasing skills in software development, Android application design, and teamwork.

android-application androidstudio application java ui-design

Last synced: 28 Dec 2024

https://github.com/kennjr/mpesa

A web application for seamlessly sending and receiving money. Designed and built in 4 days, this robust webapp(powered by firebase) allows users to send and receive money from peers, requiring an email and amount to transact.

angular finance-application firebase firebase-auth money-transfer responsive responsive-web-design tailwind tailwindcss ui-design webapp

Last synced: 06 Jan 2025

https://github.com/tasnimahmed11/goodreads_redesign

Exploring UI UX fundamentals and playing around with Figma to learn its functionality

figma ui-components ui-design ux-design ux-research

Last synced: 21 Dec 2024

https://github.com/stephenombuya/stephenombuya.github.io

Welcome to my personal portfolio website! This site serves as a showcase of my skills, projects, and experiences in software development, web development, and more. The portfolio highlights my journey, expertise, and the work I have done.

css3 css3-animations github-pages-website html5 javascript mobile-responsiveness ui-design

Last synced: 13 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/aayushyadavz/dicee_challenge_game

Made Dice Challenge Game using Javascript DOM.

css dom javascript ui-design

Last synced: 26 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/stephenombuya/landing-page

Welcome to the Landing Page repository for Hail Global. This project is designed to serve as an engaging and responsive front page that showcases the company’s brand, products, or services effectively.

javascript responsive-web-design ui-design

Last synced: 26 Jan 2025

https://github.com/diihgab/product-homepage

🛒A simple home page that highlights a product made in HTML, CSS and JS.

animation-css boostrap-icons css html ui-design

Last synced: 26 Jan 2025

https://github.com/msalman81/simon-game

One of everyone's favorite childhood games! an experience that enabled me to work with my javascript skills and the idea of front-end web game design.

css game game-development html javascript moazzam moazzamsalman simon-game simon-game-clone ui-design ux-design web web-design

Last synced: 07 Jan 2025

https://github.com/zubairahmedbalouch/car-website

Car Showroom Website - Built with Next.js & Tailwind CSS. This is a responsive, modern car showroom website designed to provide a seamless and engaging experience for users browsing various car models. Built using Next.js for fast rendering and optimized performance, and styled with Tailwind CSS for a clean, flexible, and fully responsive design.

e-commerce-website nextjs react responsive-design tailwindcss ui-design web-development

Last synced: 21 Dec 2024

https://github.com/mayen007/contact-form

This is a solution to the Frontend Mentor Contact Form challenge, featuring a responsive and accessible form with validation for required fields, email format, query type, and consent. Built with HTML, CSS, and JavaScript, it includes a success message upon form submission.

accessibility dom-manipulation error-handling flexbox-css flexbox-grid form-validation form-validation-js form-validator-javascript html-forms ui-design

Last synced: 21 Dec 2024

https://github.com/mayen007/nft-preview-card

A responsive NFT preview card component built with HTML and CSS. The project showcases an interactive design with hover effects and a mobile-first approach. It displays an NFT image, title, price, and creator info, following the challenge by Frontend Mentor.

accessibility beginner-friendly card-component css-variables css3 flexbox frontend-mentor frontendmentor-challenge hover-effects html-css html5 mobile-first ui-design web-development

Last synced: 21 Dec 2024

https://github.com/nilsmt/newsradar

Transfert d'un projet en vue.js du semestre 4 de BUT Informatique concernant un site web utilisant des API (internes et externes) qui permettent la recherche géolocalisée d'articles

api-rest articles css express-js html iut-nantes javascript leaflet map mongodb node-js ui-design university-project vue3 vuejs vuejs3

Last synced: 13 Jan 2025

https://github.com/vsnthdev/vyaktitva

( व्यक्तित्व ) — A component based UI library for Vasanth Developer's projects.

components library react reactjs tailwindcss typescript typescript-library ui-components ui-design uikit

Last synced: 03 Nov 2024

https://github.com/yashi-singh-1/day-1-css-challenge

This project is a part of the 100 Days CSS Challenge. It focuses on creating a visually appealing, centered display of the number "100" using HTML and CSS. The design includes a gradient background and carefully positioned elements to form the digits.

100daysofcss css css-challenge css3 front-end front-end-development frontend html html5 ui ui-design web-design web-development

Last synced: 07 Jan 2025

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/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: 01 Feb 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: 02 Feb 2025

https://github.com/revan-alqahmi/dream-travel

Software Engineering 2 Project it’s a program that provides travel lovers with everything they need

css html java javascript prototype requirements-engineering requirments-analysis software-testing system-diagrams ui-design

Last synced: 29 Dec 2024

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/revan-alqahmi/tadbeer

A software engineering 1 project is a system that solves the problems we face on campus through good communication between professors and staff members

prototype requirments-analysis system-design system-diagrams ui-design

Last synced: 29 Dec 2024

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/varun-kumar-r13/e-commerce-website-ui-design

Static e-commerce website built with HTML, CSS, and JavaScript. Features include a responsive design, product showcase, and basic animations " functionality (UI only, no backend). A beginner-friendly project to explore front-end web development concepts. Clone and customize as needed!

e-commer figma figma-plugin front-end-development npm-package ui-design website

Last synced: 01 Feb 2025

https://github.com/bryancastillo10/frontendmentor-challenges

A collection of frontendmentor solved challenges. I will use React-Typescript-Tailwind stack for practice

frontend-development frontend-mentor tailwindcss typescript-react ui-design

Last synced: 21 Jan 2025

https://github.com/joacod/oddify

An odd looking UI component library for Astro 🚀

astro components-library css css3 ui-design ui-library

Last synced: 05 Nov 2024

https://github.com/treblatechnologies/tiger-ui

The UI components for use in Trebla Labs.

css3 react ui ui-components ui-design uikit ux ux-design vue

Last synced: 03 Feb 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/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/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/lyestarzalt/cardanimation

A demo of stacked wallet with cool? animation in Angular and ionic

angular ionic ui ui-design

Last synced: 11 Feb 2025

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/maitrakhatri/goodreads2.0

goodRead's UI Re-imagined

goodreads html-css redesign ui-design

Last synced: 14 Jan 2025

https://github.com/emersonramos3lt/send-form-email

Modern and responsive contact form that ensures data validation using JustValidate and web design practices. The form efficiently sends emails to the admin's inbox using Web3Forms

css front-end frontend html html-css html-css-javascript html5 javascript javascript-library justvalidate library responsive ui-design webdevelopment website

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

Make a simple ui that we use in school

npm storybook ui-design

Last synced: 20 Dec 2024

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/jason-omondi/ranchero

A Flutter mobile application for corporate employees and managers facilitate leave requests, view leave balances and analytics, track status, notifications and session management. It demonstrates modern mobile application development practices, including MVVM architecture, cross platform coroutines, testing strategies, and clean code principles.

animations dart flutter getx-state-management mvc-architecture provider self-service ui-design

Last synced: 27 Dec 2024

https://github.com/elisiomassaqui/wandi-studio-1.0-desktop

Bem-vindo ao Simulador de Braço Robótico desenvolvido pela Causa Efeito! Este projeto foi criado com Unity e C#, permitindo uma simulação avançada do movimento de um braço robótico em tempo real. A comunicação serial com Arduino, implementada em C++, possibilita a interação com a versão física do braço robótico.

3d arduino-uno blender c csharp-code monobehaviour protoboard solidworks ui-design unity3d visual-studio-code

Last synced: 27 Jan 2025

https://github.com/nikhilcodes/issuist

An issue tracking web application.

expressjs jwt-token mongodb reactjs ui-design

Last synced: 09 Feb 2025

https://github.com/dhdsouza/uc16-ux

Repositório dedicado as aulas ministradas da Unidade Curricular 16 (desenvolvolver interface para melhor experiência do usuário) do curso técnico em desenvolvimento de sistemas (TDS) do Senac São Leopoldo.

educational figma ucd ui-design ux-design

Last synced: 27 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/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/jarrarshahid/weather_app

"A Flutter app to fetch and display real-time weather details using the OpenWeatherMap API. Features a modern UI, city-based search, and error handling. Perfect for learning Flutter and API integration."

android apis dart flutter ios mobile-app open-weather-app-api ui-design ux-design weather-app weather-forecast

Last synced: 31 Jan 2025

https://github.com/faisal-fida/clone-of-google

For 2022 there is my second project , Google clone! Im still working on the back-end... Hope you like it.

front-end google-clone html javascript ui-design web-development

Last synced: 08 Jan 2025

https://github.com/faisal-fida/g-movieapp

React JS Based WebApp - GMovie App 😀 Demo Here 👇

frontend javascript movie-database react ui-design web-app

Last synced: 08 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/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: 11 Feb 2025

https://github.com/vietconsultant/ecommerce-shop-react-native-ui-kit

This template provides a clean and modern design for building eCommerce applications. Designed specifically with light mode, it focuses on clarity, usability, and aesthetics to meet the needs of both designers and developers.

bloc clean-architecture clean-code e-shop e-shopping ecommerce eshop eshopping fashion flutter react-native shopping-cart ui-components ui-design ui-kit uikit

Last synced: 27 Jan 2025

https://github.com/lucaspdroz/blog-next

Just another blog.... but it's m <3

atomic-design carree development frontend ui ui-design

Last synced: 07 Jan 2025

https://github.com/mauricewatkins/roblox-xeno-executor

Xeno Executor - An external script executor for Roblox made entirely in C++. Execute scripts easily, enjoy advanced features, and dominate gameplay in 2024.

cheat csharp lua roblox roblox-2024 roblox-injector roblox-lua roblox-script roblox-scripts roblox-soft roblox-ui script ui-design ui-library

Last synced: 09 Feb 2025

https://github.com/xdanny41/lferefresh

University of Oklahoma Lambda Phi Epsilon Refresh Site 2024

bootstrap5 css html javascript lambdaphiepsilon sass-framework ui-design web webdesign webdevelopment webmaster

Last synced: 11 Feb 2025

https://github.com/mdashik922/niche-bicycle-client-side

This is a simple full-stack niche product website.

client-side firebase firebase-auth restful-api ui-design

Last synced: 08 Jan 2025

https://github.com/danielorourke02/discord-template

Just a Template for a discord bot. Made in python, has some example features including: embeded commands, loading a config and interactive buttons.

discord discord-bot discord-py discord-slash-bot discord-slash-command discord-slash-commands discord-template discord-ui discordapp discordpy discordui interactive pycord pycord-bot slash-commands template template-bot template-project ui ui-design

Last synced: 11 Feb 2025

https://github.com/yanikkumar/tailwind-demo

Just some simple Tailwind CSS projects to work with. Not for production.

css design tailwind tailwind-css tailwindcss tailwindui ui-design

Last synced: 02 Jan 2025

https://github.com/scamer123/jack-portfolio-function-website

Jack's Portfolio Website is a fully functional personal website that showcases my skills, services, and projects as a UI Designer and Web Developer. The site features a responsive design, smooth scrolling navigation, interactive sections, skill bars, an image gallery, and integrated social media links, providing an engaging experience for visitors.

bootstrap css3 frontend-development html5 javascript jquery open-source portfolio responsive-design ui-design web-development

Last synced: 14 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

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

Build with react native

homepage react-native ui-design

Last synced: 02 Feb 2025

https://github.com/vaibhav-pant/responsiveui

A responsive UI Design for laptop screen. Not made for mobile devices.

javascript reactjs responsive-design styled-components ui-design

Last synced: 19 Dec 2024

https://github.com/luisedmc/weather_ui

Weather App made with Flutter !

flutter ui ui-design weather weather-app

Last synced: 08 Jan 2025

https://github.com/onur1211/ratingapp

Rating web application template made with React and React-Bootstrap.

rating-system react template ui-design web

Last synced: 13 Jan 2025

https://github.com/jarircse16/catering_service

UI/UX Design of a Catering Service App using Figma.

figma ui-design ux-design

Last synced: 30 Dec 2024

https://github.com/myself-aas/portfolio

Discover my portfolio highlighting expertise in web design, Iot system development, and AI/machine learning. This responsive site, built with HTML, CSS, and JavaScript, features key projects, a modern design, and an interactive contact form, showcasing my ability to create impactful solutions.

css-animations html-css-javascript html-template html5 javascript-project portfolio-website responsive-design responsive-web-design ui-design website-design website-development website-template

Last synced: 08 Jan 2025

https://github.com/mxssw2/jetpackcomposeonlineshoppingproject

This is my first Android application built using **Jetpack Compose**, focusing on an **online shopping** experience. The app allows users to browse products, add them to the cart, and complete their purchase.

android android-application jetpack jetpack-android jetpack-compose jetpackcompose kotlin kotlin-android mobile sdk ui ui-design uiux

Last synced: 14 Jan 2025

https://github.com/madhavaneraye11/jetpackcomposeonlineshoppingproject

This is my first Android application built using **Jetpack Compose**, focusing on an **online shopping** experience. The app allows users to browse products, add them to the cart, and complete their purchase.

android android-application jetpack jetpack-android jetpack-compose jetpackcompose kotlin kotlin-android mobile sdk ui ui-design uiux

Last synced: 14 Jan 2025

https://github.com/mehtaab-010110/meals-on-the-move

A food ordering Figma application design.

figma ui-design

Last synced: 31 Dec 2024

https://github.com/yashi-singh-1/cat-painting-using-html-and-css

Create a digital cat painting using HTML and CSS. The design features the cat's head, ears, eyes, nose, mouth, and whiskers, all built with divs and styled using CSS positioning, borders, and gradients. This project showcases the power of CSS for intricate designs and enhances web development skills through a creative, hands-on approach.

cat-painting creative-coding css-border css-gradient css-positioning css-shape css-shapes css3 front-end front-end-development frontend hands-on-project html5 styling-techniques ui-design visual-creativity web-design web-development

Last synced: 07 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: 11 Feb 2025

https://github.com/ashish0kumar/mini-projects

🌻 Some very basic ui clones i did while learning html css

html-css html-css-javascript login-page-ui ui-clone ui-design

Last synced: 15 Jan 2025

https://github.com/harshit433/crick11-mobile-application

Crick11 is a Flutter app similar to Dream11, enabling users to sign up, log in, create teams, join contests, and view live scores for games like cricket, football, and kabaddi. Users can compete for real money with dedicated wallets for deposits and withdrawals. The app features responsive designs and uses BLoC state management.

andorid-app bloc dart flutter-apps frontend ios-app mvc-architecture responsive-design state-management ui-design

Last synced: 16 Jan 2025

https://github.com/yahyaaaaaaaa/drawoverit

A Windows application that make you draw over any window

background-app dart drawing-app flutter quick-access ui-design windows-application

Last synced: 05 Jan 2025

https://github.com/doks-coders/daventy-agency

Daventy Agency Landing Page built with Chakra UI and React JS

chakra-ui javascript landing-page react ui-design

Last synced: 12 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 Inspiration 24 DBMS and SQL 24 Programming 24 Typography 20 Blog & News 18 Icons 18 Tools / Products 18 Productivity 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