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

¿Cómo crear texto circular en css?

css html ui-design

Last synced: 26 Dec 2024

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

goodRead's UI Re-imagined

goodreads html-css redesign ui-design

Last synced: 14 Jan 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/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/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/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/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/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/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/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/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/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/foxching/muilol

material ui login page for gaming website

material-ui react ui-design ux-design

Last synced: 19 Jan 2025

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

Essential cross-platform UI components for React Native

react-native ui-design

Last synced: 21 Dec 2024

https://github.com/diegoreports/fullscreenoverlay

Menu usando biblioteca jQuery.

code css3 html5 javascript jquery overlay ui-design

Last synced: 02 Feb 2025

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

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

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/yashi-singh-9/ui-design-daily

This project converts UI designs from UI Design Daily into functional code, focusing on aesthetics, responsiveness, and accessibility. It serves as a collection of UI components and layouts, regularly updated with new designs.

css frontend html javascript sass sass-framework scss scss-framework ui ui-design ui-design-daily

Last synced: 05 Feb 2025

https://github.com/axestein/listify

Manage your tasks effectively with Listify — your go-to tool for staying organized and on top of your day.

frontend javascript reactjs tailwindcss to-do-list ui-design webdevelopment

Last synced: 25 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/md0011/calculator-app

Build a basic Calculator app using HTML, CSS and JavaScript.

html-css-javascript ui-design

Last synced: 22 Jan 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/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/basyonggg/shongggouo

Aspiring UI/UX designer with a passion for photography and text logo design. Experienced in creating web applications using PHP, Laravel, and Tailwind CSS, while also crafting visually compelling designs and branding elements.

photography text-logo-designing ui-design

Last synced: 30 Jan 2025

https://github.com/marceelodominguez/houses_page

Accommodation search engine where you can filter by the number of people who enter the houses. You can also select the date of entry and exit of the house

context-api reactjs tailwindcss typescript ui-design

Last synced: 23 Jan 2025

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/anbuleo/project1

Travel landing page

css flexbox-css html ui-design

Last synced: 22 Dec 2024

https://github.com/khushie134/desi-explorer...uiux-project

Your go-to mobile app for an authentic exploration of India's diverse states and cities.

figma mobile-application prototype ui-design ui-ux ux-design wireframe

Last synced: 02 Feb 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/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/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/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/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/gangula-karthik/nypsit_memorygame

Engage in a sustainability-themed memory card game and rise up the leaderboard. 🌱🎉

css-animations flask-application game python3 ui-design webapp

Last synced: 22 Dec 2024

https://github.com/rulanugrh/ceres

Just for fun create web profile my ekstrakulikuler :U

nextjs ui-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 Productivity 18 Icons 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