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/bope142/react-tailwind-portfolio

an example portfolio built with React and Tailwind CSS

css portfolio-website tailwindcss ui-design

Last synced: 11 Jan 2025

https://github.com/bope142/restaurant-website

Un modèle dynamique et polyvalent pour les restaurants qui recherchent un site web pour promouvoir leurs produits et services.

css-animations css-flexbox css-grid css3 html5 javascript sass ui-design

Last synced: 11 Jan 2025

https://github.com/andresp08/hookbank-web

This is a dinamic project using React Js, Tailwind Css for user interface design, modern UX/UI and more.

reactjs responsive-web-design tailwindcss ui-design ux-design vite

Last synced: 11 Jan 2025

https://github.com/sagardhadke/quizziepie

Quiz Android app using Kotlin

kotlin kotlin-android quiz-app quizapp ui-design

Last synced: 18 Jan 2025

https://github.com/eastonarcher/javascript-three.js-website

⚡Portfolio website created with Three.js allowing for dynamic environment and 3D graphics

framework three-js ui-design

Last synced: 12 Jan 2025

https://github.com/sanmeet007/planetry

Discover how much you'd weigh on different planets with Planetry, a fun and interactive weight calculator. Curious about your weight on Jupiter, Mars, or even the Moon? Explore gravity's impact across the solar system and uncover fascinating planetary details. Give it a try and see the universe from a whole new perspective!

css-animations css3 planet-math ui ui-design

Last synced: 12 Jan 2025

https://github.com/rishabhraj43/real-time-chat-application

A Full Stack Chat Web Application using MERN Stack with all the functionalities.

api-rest javascript mongodb nodejs reactjs ui-design

Last synced: 12 Jan 2025

https://github.com/rahil1202/parallax

Collection of 3D websites with the parallax effects

css3 html javascript ui-design

Last synced: 12 Jan 2025

https://github.com/nathanvilbert/mobile-ordering-application-han-ying-with-android-studio

The Han Ying Mobile Ordering Application streamlines the ordering process for customers at the Han Ying restaurant, offering an intuitive platform to browse the menu, place orders, and manage delivery or pickup options.

android-studio cplusplus java kotlin mobile-application-development ui-design ux-design

Last synced: 12 Jan 2025

https://github.com/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/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/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/alexandrbig1/testimonials

practicing HTML & CSS(testimonials component)

css3 freelance frontend html5 ui-design ux-design webdesign webdeveloper

Last synced: 23 Nov 2024

https://github.com/alexandrbig1/hero-page

HTML/CSS course (Hero page)

css3 frontend html5 ui-design ux-design webdesign

Last synced: 23 Nov 2024

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

App UI Deign In Flutter

app flutter ui-design

Last synced: 15 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/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: 20 Nov 2024

https://github.com/alexandrbig1/count-tips

React Counting Tips App simplifies bill calculations. Easily tally up your total meal cost, including prices and tips, with our user-friendly interface.

computerscience css3 frontend html-css-javascript html5 javascript js react react-components react-hooks reactapp reactjs softwareengineer ui-design ux-design ux-ui ux-ui-design webdesign webdev webdevelopment

Last synced: 23 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/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: 19 Nov 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/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/uchamod/flutter-form-verified-using-firebase

welcome to my repository,In this flutter application i create a login and register validation using firebase.I create methods for Register using email and password,sing in using email and password and also sing in using guest mood and via google.also a method for sing out from the appilcation.

dart firebase firebase-auth flutter functions ui-design verification

Last synced: 03 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/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/robertoofelipe/ecommerce

🏪 Este é um projeto no qual estou utilizando para aperfeiçoar meus conhecimentos. O intuito dele é criar um marketplace onde nossos clientes irão poder cadastrar suas contas e comprar produtos estéticos como bonés, sapatos, camisas... Este projeto é focado no Front-End, integrado com o firebase para consumo de dados e autenticação de dados

context-api firebase firebase-auth firebase-database frontend git reactjs styled-components typescript ui-design useform-hooks

Last synced: 03 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/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/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: 20 Nov 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/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/uchamod/flutter_fitness_tracker_application_ui

Welcome to the Fitness Tracker app! This Flutter application is designed to help you keep track of your fitness activities with a creative and intuitive user interface. The app is fully responsive and works seamlessly on mobile, web, and tablet devices, ensuring you have access to your fitness data anytime, anywhere.

dart flchart flutter functional-programming responsive ui-design

Last synced: 03 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: 20 Nov 2024

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/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/uchamod/flutter-node-js-wallpaper-setup-application

A full-stack application designed for managing wallpapers. The client-side is built with Flutter as a mobile application, and the backend is powered by a Node.js server with MongoDB as the database.

api dart expressjs flutter jwt-authentication mongodb nodejs ui-design unplash-api

Last synced: 03 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/benevanio/skycast

Aplicação Tipo o Clima Tempo do Google Usano o Weather API, para prever o tempo de uma determinada localidade!!!

components figma frontedn javascript jsx-renderer jsx-syntax portfolio react react-router react-router-v6 reactjs sass sis ui-components ui-design ux-design

Last synced: 29 Nov 2024

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

Welcome to our Flutter-based grocery app repository! This app provides a convenient way for users to manage their grocery shopping lists, find nearby stores, and streamline their shopping experience. Built with Flutter, this app offers a smooth and intuitive user interface across both Android and iOS platforms.

dart flutter-app project-management ui-design

Last synced: 03 Jan 2025

https://github.com/eesuhn/zinc-plant-store

Plant Store - UI only

ui-design

Last synced: 24 Nov 2024

https://github.com/uchamod/flutter_travel_place

The Flutter Travel App is a mobile application built using Flutter, designed to provide users with a seamless and delightful travel planning and booking experience. Whether you're a frequent traveler or planning your next adventure, this app offers a comprehensive set of features to make your journey hassle-free.

dart flutter functional-programming navigation-component travel ui ui-design

Last synced: 03 Jan 2025

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

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

tipografia ui-design web-design

Last synced: 22 Dec 2024

https://github.com/uchamod/flutter-expenz_manager

Expense Manager is a powerful and intuitive Flutter application designed to help users manage their finances efficiently. Whether you're an individual looking to keep track of daily expenses or someone aiming to stick to a budget, Expense Manager provides a comprehensive solution with a creative and user-friendly interface. Our app is fully respons

dart flutter mobile-development object-oriented-programming ui-design

Last synced: 03 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/ajaygandecha/tailwindcss-workshop

This is an introductory workshop showcasing TailwindCSS, hosted for the UNC Computer Science Experience Lab (CSXL)

css html tailwindcss ui-design

Last synced: 10 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/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: 20 Nov 2024

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/ezzeddinp/notes-app-homepage

Exercising my react native UI skills :)

homepage react-native ui-design

Last synced: 07 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/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: 18 Nov 2024

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 Nov 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/rembertdesigns/sample-portfolio-website

🖥 💻 Sample Portfolio Website that's on Main Portfolio now. Used Figma logo color codes as background

css-animations css-grid figma html-css portfolio-website ui-design website

Last synced: 12 Jan 2025

https://github.com/hashimsaffarini/news_application

news application using flutter

api flutter state-management ui-design

Last synced: 24 Nov 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 Nov 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 Nov 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 31 Tools-for-UI-Designer 32 awesome_web_design 92
User interface design Categories
Table of Content 858 Frameworks / Resources 237 Uncategorized 34 Material Components Web (MDC Web) 29 DBMS and SQL 24 Programming 24 Inspiration 24 Typography 20 Tools / Products 18 Icons 18 Blog & News 18 Productivity 18 Colors 17 Cryptography and Network Security 16 Personal Websites 15 Web Development 13 Design Tools 11 Images 10 Material Components Android (MDC Android) 9 Material Components iOS (MDC iOS) 9