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/turskyi/pastaandpizzaz-navdrawer

A demonstration Android app showcasing the implementation of a navigation drawer, built with Kotlin and a monolithic architecture. Features include a collapsing toolbar, share button with Bluetooth and Nearby options, and a sample UI for ordering pizzas. Based on a tutorial from "Head First Android Development" by Dawn Griffiths and David Griffiths

android collapsing-toolbar head-first-android kotlin monolith navigation-drawer nearby-sharing sample-app ui-design

Last synced: 01 Feb 2025

https://github.com/pradipkhandare/kanban-draggable-cards-in-angular-drag-and-drop

A dynamic and responsive Kanban board built using Angular and the Angular CDK Drag and Drop module. Features include easy repositioning of cards within columns and seamless transfer between columns.

angular angular-cdk angular-cli drag-and-drop frontend-development typescript ui-design

Last synced: 19 Jan 2025

https://github.com/nehalskdev/shoe-card-ui

Buying card for shoes which interacts when hover over created only using HTML and css

cool-stuff css3 frontend nike-shoes ui-design

Last synced: 19 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/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/reachvivek/tindog

A landing page for tinder like app for Dogs developed using HTML, CSS and Bootstrap (Only Frontend).

bootstrap css front-end html landing-page tinder ui-design

Last synced: 19 Jan 2025

https://github.com/foxching/muilol

material ui login page for gaming website

material-ui react ui-design ux-design

Last synced: 19 Jan 2025

https://github.com/shivammm21/budget-app

The Budget App allows users to add expenses, track total spending, and view the remaining balance from their monthly income. Built using Flutter for the frontend and Java Spring Boot for the backend, it offers a seamless, user-friendly experience for effective financial management.

dart datastructures flutter flutter-apps flutter-widget hashmap hashmap-java java javaspringboot msql-data mysql-database spring-boot ui-design

Last synced: 19 Dec 2024

https://github.com/elisiomassaqui/realtimecodeeditor

Editor de código em tempo de execução in game na unity

2d asp-net csharp-code dotnet-framework inputfield rosyln sintax ui-design unity2d

Last synced: 20 Jan 2025

https://github.com/rickreisme/doglife

Feito como exercício do canal balta.io, o projeto trata-se de 3 telas de um app que funciona como uma rede social para donos de cachorros. As telas foram feitas em Flutter baseadas no modelo feito por Yagnesh P. e Gavan Depani, disponível no Behance.

app dart flutter flutter-apps mobile-app rickreis rickreisme ui ui-design uikit

Last synced: 13 Nov 2024

https://github.com/commit111/defang-arduino-static

A static Arduino UI that takes user input, created for an embedded systems project at @DefangSoftwareLabs.

c defang embedded-systems static ui ui-design

Last synced: 20 Jan 2025

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/hein-htetsan/fresher_welcome

Fucking welcome for semester-1 2023

ui-design

Last synced: 19 Jan 2025

https://github.com/hein-htetsan/audibook-ui-project

UI exam preparation

css html js ui-design

Last synced: 19 Jan 2025

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/hashimsaffarini/news_application

news application using flutter

api flutter state-management ui-design

Last synced: 24 Jan 2025

https://github.com/reikaakusho/mercado-libre---construccion-de-ui

Implementacion de los Trabajos Prácticos de la materia de Construcción de Interfaces de Usuario (UNQ)

axios context-api dao frontend hooks jwt kotlin mobile-development mvc react react-native state-management ui-design university-project

Last synced: 25 Jan 2025

https://github.com/prabhsingh20/streamit

This is a simple movie application built using React.js that showcases my design skills. The application allows users to view movie details and provides an interactive interface. It's a demonstration of how I approach web design and user interface (UI) implementation. The focus is on creating a smooth, visually appealing, and responsive experience.

css3 reactjs ui-design

Last synced: 25 Jan 2025

https://github.com/ishaan28malik/netflix-light

A simple Netflix Logo generation with Both dark and light versions.

animation javascript-applications logo netflix trending ui-design

Last synced: 25 Jan 2025

https://github.com/amiteshsinghk/instagram-profile-ui

This project demonstrate how to create Ui in jetpack compose

android jetpack-compose kotlin ui-components ui-design

Last synced: 31 Jan 2025

https://github.com/lucasdsbr/whiledgp

O WhileDGP destina-se não só a coletar, de forma automatizada, informações de grupos de pesquisa, como também, dados básicos de todos os pesquisadores registrados em tal grupo e suas produções científicas, declaradas no site da DGP/CNPq.

bot cnpq dgp grupos grupos-de-pesquisa python python-ui python3 scraping ui-design

Last synced: 05 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/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/chnirt/rn-chnirt-ui

Essential cross-platform UI components for React Native

react-native ui-design

Last synced: 21 Dec 2024

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/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/lucaspdroz/blog

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

atomic-design carree development frontend ui ui-design

Last synced: 07 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/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/theutsavjhakhariya/indi-vibe

INDI VIBE: A dynamic, visually stunning music event showcase designed to highlight my UI/UX skills. Featuring interactive tables with hover effects, responsive layouts, and immersive backgrounds. Explore the rhythm of design perfection! 🎶✨ #INDIVIBE

html-css-javascript ui-design ux-ui

Last synced: 03 Feb 2025

https://github.com/sharif-minhaz/global-wire

A material UI based small project

material-ui reatctjs ui-design

Last synced: 14 Jan 2025

https://github.com/saadazghour/local-restaurant-finder

🚀 Local Restaurant Finder, Is a React Native Mobile application crafted to assist users in discovering nearby restaurants based on their preferences and location. The app aims to provide a convenient and efficient way for users to explore various dining options in their local area.

app-development git github javascript mobile-app open-source react-native react-native-app react-native-components react-native-navigation react-native-styling restaurant-app restaurant-finder typescript typescript-react ui-design yelp-api

Last synced: 21 Dec 2024

https://github.com/bladealex9848/ui2html

UI2HTML es una herramienta innovadora que convierte imágenes de interfaces de usuario en código HTML. Utilizando la API de OpenAI, esta aplicación analiza y describe detalladamente la interfaz de usuario y genera el código HTML correspondiente.

gpt-4o-mini openai-api python streamlit ui ui-design

Last synced: 13 Jan 2025

https://github.com/josealvesdev/prototipo-profissional

Projeto final proposto pela dio.me, desenvolver um protótipo profissional com o tema livre. Formação UX Designer.

figma ui-design ux-design

Last synced: 06 Jan 2025

https://github.com/prthub/gericht

A Restaurent webapp using React

css react ui ui-design

Last synced: 29 Dec 2024

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

Creative vue button components collection

button javascript nuxtjs ui-components ui-design vue vuejs

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/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/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/vimalcvs/colledge

This application has collection of DU's Books. Short Notes Previous year Question papers & Solutions absolutely FREE..😉😉😊😊

android android-app android-application android-library college-project ui ui-design

Last synced: 21 Jan 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/lalit899/weather-forecast-site

Step into a world of precise forecasts and instant updates on our weather website. Seamlessly plan your day and connect with fellow weather aficionados. Your ultimate weather companion awaits!

api html-css-javascript interactive-visualizations ui-design weather weather-app weather-forecast

Last synced: 02 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/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/nayak-sahil/niroha

🌱 Niroha - Unveling the power of Medicinal Plants

hackathon-project plants-website react-vite ui-design

Last synced: 29 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/maitrakhatri/goodreads2.0

goodRead's UI Re-imagined

goodreads html-css redesign ui-design

Last synced: 14 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/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/emmanuel-dominic/uilevelup

Learn how to make UI development designs

html-css-javascript levelup starter ui-design

Last synced: 21 Jan 2025

https://github.com/emmanuel-dominic/ireporter

iReporter enables any/every citizen to bring any form of corruption to the notice of appropriate authorities and the general public

andela-bootcamp html-css-javascript ui-design

Last synced: 21 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/prabhu30/days-into-year

A simple UI card which displays number and percentage of days completed in the current year.

css3 javascript productivity-booster ui-cards ui-design

Last synced: 03 Feb 2025

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/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/muhammedbilals/shoe_rack_ecommerce

E-Commerce app built using Flutter and Firebase

firebase firebase-auth firebase-database flutter ui-design

Last synced: 29 Dec 2024

https://github.com/xfnty/mp3player-ui

UI Maquette for an MP3 player

audio-player ui ui-design

Last synced: 25 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/stevemats/metube

JFF YouTube-like UI

ui-design youtube

Last synced: 06 Jan 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/dbish6/meta_principles_of_ux-ui_design_final

Thought I would share my final assignment from the Meta Principles of UX-UI Design course.

figma ui-design uiux ux-design

Last synced: 14 Oct 2024

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/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/nermfrontdev/mariachi-cristiano

Somos un grupo de mariachi cristiano con más de 20 años de experiencia, ubicados en la ciudad de Oaxaca de Juárez, Oaxaca. En MARIACHI CRISTIANO CÁNTICOS AL REY ofrecemos nuestra música para el pueblo de Dios.

angular bootstrap emailjs html reactive-forms recaptcha-v2 scss typescript ui-design webdevelopment website

Last synced: 13 Jan 2025

https://github.com/warzeez/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: 26 Jan 2025

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/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/zemmsoares/little-lemon-restaurant

Front-End Development course capstone project

css-grid react ui-design

Last synced: 20 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 Inspiration 24 Programming 24 DBMS and SQL 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