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/jairo51067/cookie-consent

Este proyecto es un diseño web para un banner de consentimiento de cookies con un enfoque interactivo y visualmente atractivo. Presenta una galería de imágenes que integra tooltips descriptivos, resaltando las capacidades tecnológicas actuales, y un cuadro de diálogo de cookies que incluye opciones claras para el usuario (aceptar o rechazar).

cookies css3 fontawesome-icons html5 javascript responsive-design ui-design

Last synced: 03 Dec 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/kareimgazer/awesome-clones

Clones of awesome websites and components using plain HTML, CSS, and JS to help you learn and get inspiration.

css html javascript ui-design

Last synced: 08 Dec 2024

https://github.com/michaeldehaney94/ui-experience_task

Mobile Development Week Two Unit 2 Assignment for UI Experience.

android recyclerview-adapter ui-design

Last synced: 03 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/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: 09 Dec 2024

https://github.com/thatgirldorian/social-media-network-ui-with-html-css

This is a user interface design I made for a social media network with only HTML & CSS. It's modelled after Facebook, but I switched up a few things.

html-css ui-design

Last synced: 03 Jan 2025

https://github.com/hamidhosen42/flutter_web_and_mobile_ui_squid_game

Flutter UI design web and mobile phone squid game.

dart flutter flutter-apps flutter-package ui-design

Last synced: 31 Dec 2024

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

KHN'S BakeCraft- Mobile Baking Recipe App UI Design

figma ui-design

Last synced: 10 Oct 2024

https://github.com/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: 29 Nov 2024

https://github.com/hamidhosen42/training-for-cross-platform-app-development

Training-for-Cross-Platform-App-Development-Course

course cross-platform dart firebase flutter ui-design

Last synced: 31 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: 09 Dec 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/pirate-emperor/postvortex

PostVortex is an Android application that showcases a dynamic list of gaming-themed posts with modularity and simplicity in mind. The application demonstrates key Android development practices including fragment lifecycle management, custom data models, and the use of the adapter pattern for efficient UI rendering.

android data-binding gaming kotlin mobile-development pirate-emperor postvortex ui-design

Last synced: 04 Dec 2024

https://github.com/gobinath-b/angular-login-page

A simple login auth application

angular login-system ui-design

Last synced: 15 Nov 2024

https://github.com/markbattistella/bezelkit-generator

BezelKit-Generator is a NodeJS CLI designed to generate device-specific bezel sizes for Apple devices.

corner-radius hacktoberfest javascript nodejs open-source package-manager swift swift-package-manager swiftui ui-design

Last synced: 16 Dec 2024

https://github.com/sakshi-2508/bookmyshowapp-ui

A modern and interactive BookMyShow-inspired app UI, built with a focus on intuitive user experience and clean design principles. This project showcases a responsive and visually appealing interface for exploring events, booking tickets, and managing reservations.

android-app bookmyshow-clone flutter flutterui ui-design

Last synced: 23 Dec 2024

https://github.com/hasanyahya101/bustickettool-vite

This is a bus ticket downloading tool that allows for editing of ticket info and then downloading the ticket in the png format. It is made to be used later in future projects when i might need to design tickets and download them. The preview is available for testing purposes.

bus-ticket buttons download editing image png shadcn shadcn-ui ticket ui-design

Last synced: 09 Dec 2024

https://github.com/davyjonescodes/kisanwise

KisanWise is an AI-powered platform providing personalized agricultural advice to farmers. Leveraging advanced AI, it offers real-time assistance, expert guidance, and a wealth of resources to support sustainable farming. Built with React, Express, and MongoDB, KisanWise aims to enhance productivity and ensure food security.

animation css developer-portfolio framer frontend html javascript nextjs react responsive-design tailwindcss typescript ui-components ui-design web-app web-development

Last synced: 04 Dec 2024

https://github.com/victornpb/sime-systeminformationmenueditor

WYSIWYG Editor for creating "SystemInformationMenu" interfaces

javascript tool ui-design ui-tools webapp

Last synced: 16 Dec 2024

https://github.com/tinovimba-hove/rest-api-ui-dashboard

A web application that combines a Flask API with a user-friendly UI dashboard to visualize crime data trends across multiple U.S. cities. The project allows users to interact with crime statistics through various visualizations, enhancing data analysis and decision-making.

flask-application mysql-database python rest-api ui-design

Last synced: 16 Dec 2024

https://github.com/qc20/glsl-shader

This repository contains a WebGL project that demonstrates shader animation using WebGL (Web Graphics Library). The animation is rendered on a full-screen canvas and is powered by custom vertex and fragment shaders.

creative-coding css html javascript ui ui-design visualization web

Last synced: 31 Dec 2024

https://github.com/qc20/endless-mountains

This repository contains a WebGL-based terrain visualization using Three.js, a popular JavaScript library for creating 3D graphics in the browser. The project dynamically generates a terrain landscape with mountains and valleys that evolve over time.

creative-coding css html javascript ui-design ux-design visualization webdevelopment

Last synced: 31 Dec 2024

https://github.com/qc20/selected-works-website

This is my personal website containing selected work and projects I've done between 2022-2024. Have a look below :-)

css html interaction javascript oldschool project-management project-repository reactjs three-js ui ui-design ux ux-design website windows95style windows98

Last synced: 31 Dec 2024

https://github.com/kyleconrad/portfolio-2024

Astro build of Kyle Conrad's 2024 portfolio redesign/rebuild using Contentful as the content management system.

astro astrojs code contentful contentful-cms design development ui ui-design ux ux-design ux-ui

Last synced: 10 Dec 2024

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/assyifaptrs/admin-dashboard-ui

BluMoney (Under Development) 💎

dashboard javascript react tailwindcss ui-design vite

Last synced: 23 Oct 2024

https://github.com/pedropfsf/recorrentes

Aplicativo de gerenciamento de despesas

dart flutter ui-design

Last synced: 27 Dec 2024

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/stefan-kanazir/modern-landing-page

Tailwind Exercise Project

css tailwind ui-design

Last synced: 05 Jan 2025

https://github.com/tuirevii/kontti

An interactive prototype of a service that gathers services and information related to starting higher education studies | Created with Figma

figma prototype students ui-design ux-design webservice

Last synced: 12 Dec 2024

https://github.com/efenstakes/pizza_inn_mobile

Pizza Inn mobile Concept UI

concept pizza-inn ui-design ux-design

Last synced: 01 Jan 2025

https://github.com/prathibhasathyajith/404ErrorPage-UI

404 page not found HTML page

404 error-page ui-design

Last synced: 23 Oct 2024

https://github.com/sammarxz/inspira

A curated collection of UI design inspiration from across the web, built with vanilla JavaScript and Web Components.

gallery-app ui-design web web-components

Last synced: 13 Dec 2024

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: 17 Dec 2024

https://github.com/nikhilcodes/issuist

An issue tracking web application.

expressjs jwt-token mongodb reactjs ui-design

Last synced: 17 Dec 2024

https://github.com/anton2mihail/tweeter

simple twitter clone using mongodb and expresss leveraging responsive design principles

css css-flexbox-layout css-grid es6 expressjs html5 javascript jquery mongo mongodb nodejs npm responsive-design responsive-layout ui-design

Last synced: 23 Oct 2024

https://github.com/annacv/umean-client

Word semantics search engine. React.js

javascript react ui-design ux-design

Last synced: 23 Oct 2024

https://github.com/sakibvhossain/assignment

Interview Assignment

dart flutter hivedb rest-api ui-design

Last synced: 01 Jan 2025

https://github.com/anandubabu-kr/me

UI/UX practices. UI clones | coding challenge solutions | and other interesting pages

clone-coding css3 html5 javascript ui-design

Last synced: 23 Oct 2024

https://github.com/hattaltd/figma-ui-design

Figma | UI Design Projects

figma ui-design

Last synced: 23 Oct 2024

https://github.com/anandubabu-kr/web-ui-ideas

UI/UX practices. UI clones | coding challenge solutions | and other interesting pages

animations cards css3 html5 javascript responsive-web-design ui ui-design uidevelopment ux-research uxd

Last synced: 23 Oct 2024

https://github.com/veenatht/astro-nots

Redesigning a website - Figma

figma ui-design

Last synced: 18 Dec 2024

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: 18 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: 18 Dec 2024

https://github.com/justine-george/book-fellow-frontend-react

BookFellow's interface with dynamic components, state management, real-time updates, and a responsive layout.

bookclub bookfellow framer-motion frontend redux-toolkit typescript ui-design

Last synced: 01 Jan 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: 19 Dec 2024

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: 19 Dec 2024

https://github.com/dantelentsoe/palette-pro-doc

Palette Pro is an innovative tool designed for UX designers and developers who seek to create visually appealing and harmonious color palettes for their projects. This React-based application offers a user-friendly interface and robust functionality

accessibility clerkauth nextjs react reactjs typescript ui-design ux-design

Last synced: 24 Dec 2024

https://github.com/JubjangDevper/MultPro-Midterm

Multimedia Programming course: Midterm Test - Design and Recreate https://www.it.kmitl.ac.th/th/

design html-css-javascript ui-design web-development

Last synced: 23 Oct 2024

https://github.com/himanshirohera/autosmart-infotainment

Smart in-car infotainment with facial recognition. Unlock and control your car’s infotainment system with face authentication, featuring a sleek UI/UX for music, navigation, and settings.

haar-cascade opencv python ui-design ux-design

Last synced: 19 Dec 2024

https://github.com/ackw/somos

Hi-fi & Lo-fi Designs of a Collaborative Discussion Platform

ui-design wireframes

Last synced: 23 Oct 2024

https://github.com/alexisvassquez/emailsignature

Professional email signature that can be used as a customizable template.

customizable email-signature html html-css personalized template-project ui-design

Last synced: 19 Dec 2024

https://github.com/saranonearth/react-dashboard-ui

Dashboard ui with apex charts for visualization.📈

apexcharts dashboard reactjs ui-design

Last synced: 23 Oct 2024

https://github.com/chirag2203/alphabetlearning_learno_hci_project

This application allows you to practice writing letters and checks if you have written correct using neural networks

alphabet-learning css gemini-pro html javascript letter-recognition machine-learning neural-network neural-networks react ui-design

Last synced: 25 Dec 2024

https://github.com/ajmalfaris11/passforge

PassForge - Generate Unbreakable Passwords PassForge is a web application designed to generate strong and unbreakable passwords with customizable options. With PassForge, you can easily create passwords ranging from 4 to 32 characters in length, incorporating a mixture of lowercase letters, uppercase letters, numbers, and special characters.

css html5 js responisve-web-design ui-design ux-design

Last synced: 25 Dec 2024

https://github.com/ashish-makes/blog-website-ui

Trendy Blog UI Design made using HTML, CSS and JavaScript

blog css html javascript ui ui-design uidesign

Last synced: 25 Dec 2024

https://github.com/izolate/css

Re-usable CSS kit for personal projects

components css css-framework ui ui-design ux

Last synced: 26 Dec 2024

https://github.com/nahuelrosas/robust-ui

Robust is a system for generating React components with real-time CSS injection. It is programmed in TypeScript, providing type safety and enhanced developer experience.

css css3 nextjs react reactjs robust typescript ui ui-components ui-design

Last synced: 02 Jan 2025

https://github.com/shuddha2021/swiftcalc

SwiftCalc - A modern and elegant calculator app for iOS, designed with SwiftUI for seamless user experience. Featuring basic arithmetic functions, clear display, and haptic feedback, SwiftCalc is your go-to tool for quick and accurate calculations.

arithmetic-operations calculator-app ios-development mobile-app percentage-calculations programming responsive-design software-development state-management swift swiftui ui-design xcode

Last synced: 26 Dec 2024

https://github.com/sushantkrsky/sushantkrsky.github.io

Built a responsive personal portfolio website adaptable to all devices, with UI components and animated interactions.

css dark-theme html javascript portfolio-website responsive scrollreveal-js swiper-js swiper-slider ui-design

Last synced: 26 Dec 2024

https://github.com/sushantkrsky/modern-website

Building a responsive personal portfolio website adaptable to all devices, with UI components and animated interactions.

html-css-javascript portfolio-website responsive-web-design scrollreveal-js ui-design

Last synced: 26 Dec 2024

https://github.com/hermeskeng/deliveryapp

Junior Project

android mobile ui-design

Last synced: 26 Dec 2024

https://github.com/imdesai00/chatapp_android

created chatapp in android studio. in this app you can chat in realtime it also has some new functinality like update profile details. in this project i created stunning ui.

android android-studio firebase firebase-auth realtime-chat ui-design

Last synced: 26 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/alexandrbig1/hero-page

HTML/CSS course (Hero page)

css3 frontend html5 ui-design ux-design webdesign

Last synced: 23 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/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/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