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/m4xy07/list-of-ui-snippets-sites

A consolidated list of sites which provide ready to use UI Snippets for React / Bootstrap / Tailwind CSS

bootstrap bootstrap4 bootstrap5 list react reactjs reactjs-components tailwind-css tailwindcss ui-components ui-design ui-snippet ui-snippets ui-ux ux-design

Last synced: 09 Oct 2024

https://github.com/codewithjaspreet/todo_app

Todo App with firebase integrated & a minimal figma UI turned into flutter code

authentication figma firebase flutter ui-design

Last synced: 12 Dec 2024

https://github.com/msalman81/2048

One of everyone's favorite classics! A practice for me to work with Javascript DOM and Bootstrap and relate to UI/UX elements!

2048-clone bootstrap css dom game html javascript moazzam moazzamsalman ui-design ux-design webdesigning

Last synced: 07 Jan 2025

https://github.com/pooulad/reviwes-page-design

🚨Create a page with the ability to show people and their personal profile using html ,css3,javascript

css html javascript ui-design

Last synced: 19 Jan 2025

https://github.com/ivangael/flutter-funs

A collection fun things built with flutter on my learning path

animations flutter flutter-apps mobile-app ui-design

Last synced: 11 Nov 2024

https://github.com/rushiljalal/f1-landing-page

A landing page about F1 using HTML, CSS(flex)

css html html-css landing-page ui-design

Last synced: 08 Nov 2024

https://github.com/tharushiimasha/1st-semester-final-project---artwood

Wood crafting standalone application using java.It has many functions with CRUD and also quality of wood, measuring wood,etc

figma java standalone ui-design ux-design

Last synced: 11 Jan 2025

https://github.com/ddosnotification/sphere-chat-landing

Modern 3D-enhanced landing page for Sphere chat platform. Features Three.js animations, glass-morphism design, and GSAP animations. Production-ready template for immersive web experiences.

3d-animation chat-application css-grid css3 frontend gsap-animation landing-page modern-ui responsive-design saas-landing-page template threejs ui-design web-design webgl website-template

Last synced: 03 Dec 2024

https://github.com/codewithjaspreet/offiql_internship_task

Offiql Internship Task - Layout Design

flutter internship-task ui-design

Last synced: 12 Dec 2024

https://github.com/dhmsadhty/tampilan-web

Repository ini berisi dokumentasi tampilan web internship yang memvisualisasikan fitur dan antarmuka pengguna.

filament frontend modern-web-design ui-design

Last synced: 09 Dec 2024

https://github.com/asbhogal/react-brand-responsive-web-page

A responsive web page rendered using React, SASS & Webpack from a series of high-fidelity mockups created in Figma.

brand figma figmatoreact git mockup react reactjs responsive responsive-design sass ui ui-design ux-ui webpack

Last synced: 21 Jan 2025

https://github.com/rodrigo2392/whatsapp-clon

Clon de la interfaz de whatsapp para android desarrollado con react native

clon clone react-native ui-components ui-design whatsapp

Last synced: 12 Jan 2025

https://github.com/rajspeaks/motorola-react

A ReactJS UI/UX designing project based on cloning the official Motorola website. (motorola.in). This the major project submission at Heritage Institute of Technology & also the Internship Project at Ardent Computech Pvt. Ltd.

bootstrap ecommerce-website motorola npm rajdeep-das rajspeaks react reactjs reactjs-components reactjs-ui styled-component ui ui-components ui-design ux ux-design ux-ui

Last synced: 27 Oct 2024

https://github.com/shivankk26/animated-credit-card-ui-design

In this Project, I've built a UI Design for a credit card. The Tech Stack used is CSS.

css html javascript ui ui-design

Last synced: 09 Jan 2025

https://github.com/CUICUI2010/Xenon-Luogu

A Luogu UI

luogu ui-design

Last synced: 23 Oct 2024

https://github.com/beingofexistence13/dx-ui

Introducing dx-ui 🎉, your one-stop solution for all web UI challenges! This open-source software project is designed to streamline your web development process, ensuring a seamless and joyful user experience. Let's build beautiful web interfaces together with dx-ui! 😊🚀

ant-design chakra-ui materialui nextui radix-ui shadcn-ui ui-design

Last synced: 26 Jan 2025

https://github.com/codewithjaspreet/itsmygram

Full Stack Instagram clone build in flutter & using firebase cloud storage with lots of features !

firebase-auth firebase-database flutter storage ui-design

Last synced: 12 Dec 2024

https://github.com/opensource-paper/paperui

The Paper UI library allows users to easily import and style a wide range of components with a singular cdn link.

cdn component component-library componets css documentation html inter javascript js npm paper paper-ui paperui react ui ui-components ui-design ui-library web-components

Last synced: 14 Oct 2024

https://github.com/kedarkk1/netlify_portfolio_website

My Personal portfolio website. Click link below to see the live portfolio website⬇

ant-design antd antdesign crud-application css dark-light-mode dark-mode firebase portfolio react react-router reactjs redux resume ui-design

Last synced: 07 Nov 2024

https://github.com/rameshovyas/jodhpur-foods

Responsive UI designed using tailwindcss. Thanks to pixabay for images and heroicons for icons.

food-app food-delivery food-ordering responsive-layout tailwind tailwind-css tailwindcss tailwindui ui-design webapp

Last synced: 14 Jan 2025

https://github.com/hrshmistry/audio-player

A Simple Audio Player that can play songs/audios from your local files.

android audio-player dart flutter ios pubdev ui-design yaml

Last synced: 12 Jan 2025

https://github.com/insider0018/randox.

A Simple and Beautiful Random Number Extraction Program, based on Scratch and Electron.

electron macos-app scratch scratch3 tools ui ui-design windows

Last synced: 15 Oct 2024

https://github.com/gcarreno/qlproper

A study in a note taking app with folders and text files for backend

beginner beginner-friendly beginner-project fpc free-pascal freepascal lazarus lazarus-ide note-taking study ui-design

Last synced: 02 Dec 2024

https://github.com/90pixel/ui

Kendi geliştirdiğimiz UI componentlerimiz.

frontend ui ui-components ui-design ui-kit

Last synced: 16 Jan 2025

https://github.com/davidyanis/Volvo-Design-Copy

School assignment to copy design of any website. I decided to copy Volvo.

ui-design

Last synced: 23 Oct 2024

https://github.com/mssm199996/msjfxuicomponents

Independants UI Interfaces as maven depandency which i use in all my java desktop applications

jasperreports java java-8 javafx javafx-application maven mvc-framework ui-components ui-design ui-framework ui-kit ui-library ui-widgets

Last synced: 21 Jan 2025

https://github.com/iqbalmind/weblab

IqbalMind's Web Playground for learn Web Programming

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

Last synced: 23 Jan 2025

https://github.com/hghyhghy/billforce.io

Completely built by my own an UI design of A service Provider company

flowbite-react next-ui nextjs14 react react-slick-carousel routing ui-design

Last synced: 11 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/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/ivan-siljic/opinioned

Angular project with passing data between components, ActivatedRoute and searching/filtering with pipes.

angular8 api typescript ui-design

Last synced: 23 Oct 2024

https://github.com/soujvnunes/themizer

Generate CSS3 custom properties based on a given theme with tokens and aliases serving as a reference.

css css-custom-properties css-in-js css-variables design-system design-tokens design-tools react tailwindcss tool typescript ui ui-design

Last synced: 09 Jan 2025

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: 10 Jan 2025

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: 21 Jan 2025

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: 09 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: 04 Jan 2025

https://github.com/simranjeet97/admission-cell-system

A Desktop Application used for University/Collage/School Student's Information and their Fee Information with Pending and Pay Options. It have Features to Add or Update Student details with Powerful MySQL database.

admissions-systems corejava desktop-application java minor-project oops project top-10 ui-design

Last synced: 14 Jan 2025

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

New portfolio 💁🏻‍♀️

design nuxt portfolio ui-design ux-design vuejs

Last synced: 09 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/ib-bib/TEI-Project

HCI Project Submission - SusTech 2021-2022 Information Systems sophomore class - Group: Ibrahim Adil, Elteyp Mohammed, Talal Nasr-Aldeen

accessibility bootstrap css html javascript php sql ui-design

Last synced: 23 Oct 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: 24 Jan 2025

https://github.com/hhlitval/money-manager

A user interface concept for a personal money manager application.

money-management money-manager ui-design wpf

Last synced: 24 Jan 2025

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: 16 Jan 2025

https://github.com/harshit433/book-review-website

Welcome to the Book Review Website! This Django-based project allows users to register, log in, and submit reviews for their favorite books. Each book has a dedicated page displaying its title, author, cover image, and insightful reviews.

authentication bootstrap django html-css-javascript mvc-architecture python sqlite-database ui-design

Last synced: 16 Jan 2025

https://github.com/muhsinmk/react-food-app

React Food App_ Basic UI design

react ui-design

Last synced: 30 Nov 2024

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/milaziabchenko/netwonderland-streaming-service

Streaming app 🖥 written in React.js, using built-in & custom Hooks, Reducer, Context, React Router v6, REST API integration with Axios, Firebase Auth, localStorage API, and stylish minimalist design ❤

axios context-api css css-animations custom-hooks debounce firebase-authentication localstorage-api optimization performance react-hooks react-js react-router-v6 responsive-layout rest-client search tabs ui-design vite

Last synced: 09 Jan 2025

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/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/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/exios66/ios-chatbot

A simple chatbot interface inspired by the iOS iMessage UI with real-time communication using Node.js, Express, and Socket.IO.

ios llama openai-api ui-design

Last synced: 20 Dec 2024

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/omid-bakeri/shoes_project-phase1

Omid shoes online shoe store (first phase) In the first phase of the Omid Show online site, all the files and design of the project have been placed. Interface design and user experience

design figma ui-design ui-ux ux-design web-design

Last synced: 11 Jan 2025

https://github.com/oknoorap/niceui

:gem: Nice UI Collection

design frontend ui-design ux-design

Last synced: 07 Dec 2024

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/sujoykrhaldar/hostinger-redesign

The redesigned version of hostinger india website. Secured first place in Thapa codefest 2.

figma hostinger nextjs redesign tailwindcss ui-design

Last synced: 27 Dec 2024

https://github.com/yahyaaaaaaaa/squareo

An engaging mobile puzzle game where your objective is to restore a grid of squares to its original state

critical-thinking dart fast-paced-game flutter game-development getx-state-management mobile-application puzzle-game ui-design web-application windows-application

Last synced: 05 Jan 2025

https://github.com/harsh8088/flutter_samples

A code sample series for dev.to article.

dart flutter ui-design

Last synced: 26 Jan 2025

https://github.com/leoglme/react-chat-app

chat application made with react js

app chat message react react-hooks react-router reactjs scss ui-design

Last synced: 21 Jan 2025

https://github.com/nishan-pradhan06/worldlink_app_ui_clone

This project is a Flutter application that clones the UI design of the Worldlink app.

flutter mobile-app ui-components ui-design worldlink-app-clone

Last synced: 24 Jan 2025

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: 25 Jan 2025

https://github.com/skyv26/multi-step-form

Multi-step forms are particularly useful when there is a lot of information to capture, or when the form requires multiple data entry points, such as when asking for personal information, address details, and payment information.

css3 design html5 javascript ui-design

Last synced: 19 Jan 2025

https://github.com/tanmay-312/restaurant-website

Dive into the world of web development with my HTML/CSS Restaurant Website! 🌐🎥 Experience the familiar layout and sleek design, crafted from scratch.💻🔍 #WebDev #HTML #CSS #RestaurantWebsite

css design front-end-development html restaurant-website ui-design website

Last synced: 20 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/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/ojonatasquirino/css

Documentação dos meus estudos em CSS. Aqui contém arquiteturas de layouts e aplicações visuais.

css front-end ui-design

Last synced: 19 Jan 2025

https://github.com/ardesh1r/today-app

TODAY is your ultimate guide for comfortable access to tools and services that you need every day. TODAY can help you manage your to-do list and payments and offer several practical features.

android android-studio application java rest-api ui-design

Last synced: 20 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: 20 Jan 2025

https://github.com/victorgaard/mighty-weather

Weather forecast React App created to practice React Hooks.

javascript react react-hooks reactjs ui-design

Last synced: 20 Jan 2025

https://github.com/CodePapa360/Article-preview-component

This is my solution for the Article Preview Component challenge on Frontend Mentor.

codepapa360 css dark-mode frontend-development html javascript responsive-design ui-design ux-design web-accessibility web-development

Last synced: 23 Oct 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: 09 Jan 2025

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

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 Programming 24 DBMS and SQL 24 Inspiration 24 Typography 20 Tools / Products 18 Blog & News 18 Productivity 18 Icons 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