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/JacobGrisham/Gatsby.js-and-Styled-Components

Front-end multi-page static website built with Gatsby.js, React.js, Styled Components (for CSS-in-JS) and fine-tuned with Gatsby-specific SEO optimizations and Progressive Web App (PWA) capability. Site hosted on Netlify.

css-in-js front-end-web-development gatsby gatsby-plugin gatsby-portal gatsbyjs graphql jamstack netlify progressive-web-app pwa react reactjs scalable-vector-graphics seo-optimization star-wars styled-components ui-design ux-design

Last synced: 23 Oct 2024

https://github.com/jasontoups/jasontoups.github.io

Thanks for stopping by. Here's my React portfolio site for all of my engineering work.

engineering engineering-portfolio-website javascript markdown portfolio-website reactjs resume sass-mixins ui-design vector-graphics

Last synced: 18 Dec 2024

https://github.com/ravindukariyapperuma/TCMS-App

Tuition Class Management System 📝

ui-design ux-design ux-research ux-ui

Last synced: 23 Oct 2024

https://github.com/nearhuscarl/nearacademy

Comprehensive UI mockups of an online education website written in React

academy education educational mockup react reactjs ui ui-design

Last synced: 04 Jan 2025

https://github.com/srijan-d/stripe-ui-clone-reactjs

Stripe's landing page UI layout with animated sliding of navbar just like Stripe's official landing page

css javascript react stripe stripe-elements ui-design

Last synced: 18 Dec 2024

https://github.com/pedropfsf/generator_hexadecimal_code

Aplicativo usado para gerar uma cor hexadecimal aleatória

color dart flutter flutter-app ui-design

Last synced: 04 Jan 2025

https://github.com/nermfrontdev/portfolio-dev

Showcasing my front-end expertise through meticulously crafted projects, each highlighting my dedication to creating intuitive and engaging user interfaces.

angular angular-cli api bootstrap5 emailjs-browser figma firebase-realtime-database javascript mobile-first reactive-forms recaptcha-v2 responsive-web-design responsive-website typescript ui-design ui-development

Last synced: 14 Nov 2024

https://github.com/sanjaraiy/tailwind_cards

✨ TailwindCSS Cards ✨ - A practice repository for creating elegant and responsive cards using TailwindCSS. Perfect for honing your design skills! 🌟

hmtl5 responsive-design tailwind-css ui-design

Last synced: 05 Jan 2025

https://github.com/fescii/shop-ui

Mobile Shopping Site UI

shop shopping-cart ui-design

Last synced: 30 Dec 2024

https://github.com/simplyprogrammer/javafx-inner-ui

This library adds some new inner window layout system into JavaFx.

inner-window java javafx javafx-gui javafx-library layout ui ui-design window-in-window

Last synced: 19 Nov 2024

https://github.com/nishants/star-wars

Gaming Experience and Alien Theme Design with Angular and SCSS .

angularjs interaction-design scss ui-design widget

Last synced: 11 Nov 2024

https://github.com/abbushaik/web-chat-app

This web chat application is built using a robust tech stack that includes HTML, CSS, JavaScript, Node.js, Express.js, and Socket.io. The app provides a seamless and interactive chat experience for multiple users, allowing them to communicate in real time.

css3 express-js html5 javascript node-js npm npm-module npm-package realtime-chat server-side socket-io ui-design

Last synced: 21 Dec 2024

https://github.com/pedropfsf/todolist-flutter

Aplicativo de lista de tarefas

dart flutter flutter-app todo-list ui-design

Last synced: 04 Jan 2025

https://github.com/money8203/My_Drive

An app that replicates the user interface similar to google drive

materializecss ui-design

Last synced: 23 Oct 2024

https://github.com/is-it-ayush/dimensional_rift

A portfolio project powered by Three.js, Html and CSS.

glsl-shaders html threejs ui-design vanilla-javascript

Last synced: 13 Dec 2024

https://github.com/desnlee/desn-ui

A UI library based on Vue.js 3.0 and Typescript. 基于 Vue 3 和 TypeScript 的 UI 组件库.

ui-components ui-design

Last synced: 28 Dec 2024

https://github.com/iamabs2001/wizardcss

:jack_o_lantern: A Simple, :tada: Minimalistic, :mage: Zero Dependency :rainbow: CSS Framework with :genie: animations

css css-framework scss scss-framework ui ui-components ui-design wizard wizardcss

Last synced: 06 Dec 2024

https://github.com/007anupamsharma/food_ordering_app

The Food Ordering App is a mobile application developed using Flutter, allowing users to browse and order a variety of food items from different categories like pizza, burgers, salads, and ice cream. The app integrates with Firebase Firestore for real-time data retrieval and storage.

api dart flutter flutter-apps http material-design stripe stripe-payments ui-components ui-design

Last synced: 11 Oct 2024

https://github.com/vedang-singh/side-nav-ui-design-blazor.net

Side Nav UI Design using C# Blazor WebAssembly

blazor blazor-webassembly csharp css html ui-design webdesign

Last synced: 14 Oct 2024

https://github.com/strahinja2112/react-tech-icons

React package that contains the best Language, Framework, and Library Icons!

iconset ui-design

Last synced: 01 Jan 2025

https://github.com/rafgpereira/login-page

Design de página de login produzida com HTML e CSS.

css html ui-design ux-design

Last synced: 29 Nov 2024

https://github.com/airbr/ngchip-dialog-search

Angular 1.x/Angular Material module for searching/adding/filtering/saving md-chips from a md-dialog

angular-directives angular-material angularjs dialog javascript md-chips ui-design

Last synced: 08 Jan 2025

https://github.com/mallikarjunh/ui_design_development

This repository contains different different UI example which includes so many UI Elements

collectionview dynamictextview ios otp otpscreen swift tableview textview ui ui-design

Last synced: 15 Nov 2024

https://github.com/arekasek/car-rent-website

Rent a Car is a modern website designed to offer a seamless and engaging car rental experience. [STILL IN PROCESS]

car-rental car-rental-app example nextjs portfolio react star ui-design

Last synced: 25 Dec 2024

https://github.com/jarrarshahid/calculator-app

A simple calculator app built with Flutter, featuring basic math operations, sign toggle, percentage calculations, and a sleek UI. Ideal for beginners learning Flutter widgets, layouts, and state management.

app-development calculator dart flutter flutter-calculator-app flutter-widgets math-expressions math-operations mobile-app open-source state-management ui-design

Last synced: 23 Nov 2024

https://github.com/ahmedmitwally77/weather

When i learn API ,A website to determine the weather for 3 days by specifying your location and the country in which you are located

api bootstrap5 css design dom-manipulation font-awesome googlefonts html5 javascript ui-design validation

Last synced: 21 Nov 2024

https://github.com/hasnathjami/meme_loader

A simple practice app where A user can see randomly generated memes and share these memes with his friends through different social mediums.

api-call glide implicit-intent json-data singleton-pattern ui-design volley

Last synced: 17 Nov 2024

https://github.com/anuragvisioner/service-desk

A service management app built with Power Apps, enabling users to generate service tickets and admins to efficiently manage and resolve them.

json powerapps sharepoint ui-design ux-design

Last synced: 03 Jan 2025

https://github.com/khushie134/fflow...uiux-project

A minimalistic and futuristic music streaming platform which incorporates special features like unique mood-boards for every playlist based on the songs in it.

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

Last synced: 07 Dec 2024

https://github.com/abdallarahmah/faq-accordion-card

Frontend Mentor | FAQ Accordion Card

forntend front-end ui-design

Last synced: 16 Nov 2024

https://github.com/frankiefab100/resource-edge-landing-page

Resource-Edge is a Human resource and Logistics management website. A task by Genesys Tech Hub

landing-page react sass scss ui-design

Last synced: 28 Dec 2024

https://github.com/suryavmds/Live-chat-HTML-design--like-YT-chat-

This repository contains the frontend design of the responsive live chat. You can use this to your projects. I got inspiration from Youtube's Live chat ui and implemented this

bootstrap chat frontend html-css livechat ui-design

Last synced: 23 Oct 2024

https://github.com/ajaymarathe/ng-blossom-design-system

Hi there, Ng Blossom Design System is open souce UI-KIT for Angular lovers based on Bootcatch Blossom Theme thanks :)

angular-bootcatch-uikit angular-uikit angular6 bootstrap4 components ui-design ui-kit

Last synced: 25 Nov 2024

https://github.com/ajaymarathe/ng-apollo-design-system

NG Apollo Design System is is Coded, Written & Published By Bootcatch, Based on Angular & Bootstrap 4.x ( Bootcatch-themes ).

angular-components angular6 bootstrap bootstrap4 ng-apollo-design-system ui-design uikit

Last synced: 25 Nov 2024

https://github.com/mounishvatti/globetrek

GlobeTrek is a sleek and modern UI/UX implementation of a travel website built using Next.js and Tailwind CSS. This project aims to provide an exceptional user experience with seamless navigation and visually appealing design.

nextjs14 tailwindcss ui-design ux vercel-deployment

Last synced: 15 Nov 2024

https://github.com/creative-tutorials/note-sharing-app

This is a simple NoteApp using JavaScript LocaStorage, the basic of this app is to store user note for future use, this means they wont expierence any loss of data, with the use of JavaScript LocalStorage

api css html javascript javascript-applications learnjavascript localstorage nodejs notes-app tutorial tutorials ui ui-components ui-design ux ux-design

Last synced: 22 Nov 2024

https://github.com/SimplyProgrammer/JavaFx-Inner-UI

This library adds some new inner window layout system into JavaFx.

inner-window java javafx javafx-gui javafx-library layout ui ui-design window-in-window

Last synced: 23 Oct 2024

https://github.com/namnika/myportfolio

Created Portfolio by using front-end and backend technologies

css expressjs html javascript mongodb nodejs react ui-design

Last synced: 19 Nov 2024

https://github.com/adiwanwade/asteroid-explorer

A beautiful mobile application for exploring Near-Earth Objects (NEOs) using NASA's API.

asteroids nasa-api nasa-apod react-native redux redux-toolkit ui-design

Last synced: 21 Dec 2024

https://github.com/liderfalera/simon_dice

Building of the popular game "SIMON SAYS"

javascript simon-game ui-design

Last synced: 23 Oct 2024

https://github.com/javtahir/school-management-system

A School Management System Application streamlines administrative tasks, including student , teacher enrollment and grade management. It enhances the tasks to manage and access easily.

react-native-app responsive-layout ui-design

Last synced: 11 Oct 2024

https://github.com/alexandrbig1/your-energy-fitness-app

"Your Energy" is an innovative fitness app designed for personalized workouts. Explore custom exercises, monitor your progress, and find daily inspiration with motivational quotes. With user ratings, favorites, and a secure authentication system, it offers a seamless fitness experience. Explore a world of wellness at your fingertips!

backend computerscience css3 database firebase firebase-auth freelance frontend fullstack html-css-javascript html5 javascript js localstorage softwareengineer teamproject ui-design ux-ui-design vite webdevelopment

Last synced: 23 Nov 2024

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

A simple and efficient to-do and note-taking app developed using Flutter. This app allows users to create, manage, and organize tasks and notes with ease. Data is securely stored locally using Hive, ensuring quick access and offline functionality. The project highlights the use of Flutter for creating intuitive user interfaces and Hive.

algorithms dart data-structures flutter hive localstorage state-management ui-design

Last synced: 03 Jan 2025

https://github.com/sameerasw/toolstore-ui

A training project of a UI dashboard front-end.

dashboard dashboard-application frontend ui ui-design uiux

Last synced: 19 Nov 2024

https://github.com/iqbalmind/weblab

IqbalMind's Web Playground for learn Web Programming

html-css-javascript ui ui-design ux ux-design

Last synced: 22 Nov 2024

https://github.com/sarnavakonar/androidndk

An android application that allows you to record a 10 sec audio and then plays it back with a 6x higher pitch (Native C++ library SoundTouch is used to alter pitch)

android android-audio customview native-android ndk ndk-jni soundtouch ui-design ux-design

Last synced: 06 Jan 2025

https://github.com/h-yzeng/tribute-page

A tribute webpage project dedicated to the history and impact of the Internet Revolution, highlighting key milestones, influential figures, and its profound effect on modern society.

css css3 design html html-css html5 html5-css3 tribute-page ui ui-design web-development webpage website

Last synced: 19 Nov 2024

https://github.com/josancamon19/whatsapp_ui_clone

Whatsapp ui clone without functionallity, just ui

dart flutter ui-design whatsapp-clone

Last synced: 28 Dec 2024

https://github.com/NearHuscarl/nearacademy

Comprehensive UI mockups of an online education website written in React

academy education educational mockup react reactjs ui ui-design

Last synced: 23 Oct 2024

https://github.com/ryanfranklin237/figma-prototype

An e-banking app prototype designed with figma

android-application figma mobile-development ui-components ui-design

Last synced: 12 Nov 2024

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

React Brand Page UI Design

react reactjs ui-design

Last synced: 15 Nov 2024

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

A responsive and dynamic dashboard application built with React.js, React Router v6, and styled-components, featuring three main pages: Dashboard, Transactions, and Support.

dashboard github-pages react react-dashboard react-router-v6 responsive-design styled-components ui-components ui-design web-dev

Last synced: 15 Nov 2024

https://github.com/Alvaro-Hernandez/ItzalliYuhqui

Application in Flutter to keep track of life goals and be able to cross one out when it is complete. “People with goals succeed because they know where they are going.” Earl Nightingale 😲❤️

flutter flutter-apps ui-design

Last synced: 23 Oct 2024

https://github.com/shashwatkathuria/news-application

Application to view, read, save, filter and share new articles, made using React Native.

android-application ios-application news news-app news-application react react-native react-redux redux redux-persist ui-components ui-design

Last synced: 26 Nov 2024

https://github.com/rahul051296/venture-city

JusPay hackathon. FrontEnd Design for a Social website.

css3 googlemaps-api html5 javascript jquery jquery-ui ui-design

Last synced: 23 Oct 2024

https://github.com/khaled-alselwady/count-repeated-digits

🧠🔢 Test your skills with "Count Repeated Digits"! Can you spot the numbers in time? ⏱️

angular css dependency-injection deployment html javascript responsive-web-design templates typescript ui-components ui-design web website

Last synced: 15 Nov 2024

https://github.com/rfbs23/perus.a.c

Tienda de abarrote perú S.A.C diseño móvil

adobe-xd android-studio mockup ui-design ux-design

Last synced: 30 Nov 2024

https://github.com/dinithafdo/timekeeper-app-ui

This project showcases the user interface design for the Time Keeper mobile application, a handy tool for checking bus and train schedules in Sri Lanka. Designed with modern aesthetics and user-friendly navigation, this app aims to simplify public transportation for everyday commuters.

bus-schedule figma navigation train-schedule transit ui-design

Last synced: 16 Nov 2024

https://github.com/tuirevii/uniter

An interactive prototype of an online service that motivates students to exercise. Created with Figma.

figma ui-design user-research ux-design website

Last synced: 22 Dec 2024

https://github.com/kenanatmaca/csegmented

İOS Custom Designable UISegmentedControl

ios ios-lib ios-swift ios-ui ui-design uikit

Last synced: 29 Nov 2024

https://github.com/Ransingh88/projects

Have some time to look on my works

javascript nextjs reactjs ui-design

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

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

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