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/androidwithrossyn/onboarding-screen-design

Creating Engaging First Impressions Design effective onboarding screens that captivate users, convey your app's value, and ensure a seamless introduction to your product.

onboarding onboarding-screen onboarding-squad ui ui-design

Last synced: 06 Feb 2025

https://github.com/heliomarpm/dotnet.uisamples

Controles personalizados modernos, simples e elegantes para Windows Forms

csharp-code dotnet dotnet-controls ui-components ui-design winforms winforms-controls

Last synced: 03 Feb 2025

https://github.com/codingbygopal/react-goutils

GoUtils is a multifunctional responsive web app that provides three demanding features that are Create Notes, Text Analyzer, and Multiplication table generator to help professionals as well as the general public in their daily life

front-end front-end-development front-end-web-development javascript javascript-library lazy-loading-images react-router-dom react-router-dom-v6 react-router-v6 reactjs skeleton-loading tailwind tailwindcss ui-design utility-application

Last synced: 06 Feb 2025

https://github.com/mhdevfr/jamstack-shopify

Jamstack E-Commerce built with Vue 3.X /Nuxt 3.X, Shopify, TailwindCSS & GSAP

jamstack nuxt shopify tailwindcss ui-design vue

Last synced: 06 Feb 2025

https://github.com/camara94/uxpourleweb

UX design is a still a relatively new field, with many companies only just waking up to the fact that they need someone on their payroll if they want to succeed in attracting and retaining customers.

creativity ui ui-design ui-testing ux ux-design ux-experience ux-framework ux-ui

Last synced: 23 Dec 2024

https://github.com/justgo97/stylable-ui-components

A CSS-in-JS library for building customizable and responsive UI components in React using props for styling.

css css-in-js emotionjs react reactjs stylable styled-component styled-components typescript ui-components ui-design ui-library

Last synced: 01 Jan 2025

https://github.com/prabhsingh20/haven

Experience seamless hotel management with Haven, the internal application tailored exclusively for authenticated staff at a small boutique hotel.

authentication charts dark-mode react-query reactjs styled-components supabase ui-design

Last synced: 25 Jan 2025

https://github.com/farial-mahmod/ios-app-ui-designs

This repository consists of my UI designs similar to popular apps on the App Store implemented in SwiftUI.

app-design ios porsche swift swiftui twitter ui-design xcode

Last synced: 23 Dec 2024

https://github.com/rupak-25/nike-landing-page

The Nike Landing Page project is a sleek, responsive web application built using React and Tailwind CSS. It showcases modern design and user-friendly features, providing a seamless and visually stunning experience. Perfect for learning and applying cutting-edge web development technologies🌟 Click the link given below to experience live 👇

frontend-development fullstackwebdevelopment html-css-javascript nike nike-landing-page reactjs skills ui-design webdevelopment-project website

Last synced: 17 Dec 2024

https://github.com/rupak-25/tinder-clone-2024

This repository contains the code of Tinder UI Clone, follow the path to below to see the video of the final outcome of this project.

css3 full-stack-web-development gsap html5 javascript mobile-first responsive-design responsive-layout responsive-web-design tailwindcss ui-design web-development

Last synced: 17 Dec 2024

https://github.com/aniket1149/linkedai-ui

Next.js based clean and modern Ui for the Ai backend LinkedAi.

mate modern-ui nextjs ui-design web web-application web-development

Last synced: 01 Jan 2025

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/tamoziit/netflix-clone

Netflix Landing page UI Clone

responsive-web-design ui-design

Last synced: 10 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/ahkamboh/signu-form

This is fully working SignUp Form, using HTML, CSS . Click on the below mwntion link for preveiw ↓

ahkamboh alihamzakamboh css3 html-css-javascript signup-form signup-page signup-ui ui-design

Last synced: 10 Jan 2025

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/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/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/koutsie/win10nicer-site

a windows95 web-ui thingie

html5 javascript ui ui-design windows95

Last synced: 10 Jan 2025

https://github.com/musamairshad/meals-app

A Flutter Meals App that shows the recipes of different meals in a nice looking UI.

dart flutter meals-recipes state-management ui-design

Last synced: 30 Jan 2025

https://github.com/gustavoestevesr/smartfit-challenge-angular

Proposta de teste Smart Fit. A rede de academias, por atuar no segmento de fitness, passou por várias mudanças na pandemia. Foi necessário desenvolver uma página para buscar unidades fechadas ou abertas para consulta e reserva.

behaviorsubject cache-control components data-binding deployment event-emitter external-font filter httpclient json observable services string-manipulation time ui-design ux-design

Last synced: 10 Jan 2025

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

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

A sleek and modern UI/UX website developed with React.js and Tailwind CSS, Hoobank exemplifies simplicity and innovation in design. It serves as an excellent reference for creating future web applications, providing a seamless user experience with elegant animations, responsive layouts, and stunning visuals.

reactjs responsive-design tailwind-css ui-design

Last synced: 25 Jan 2025

https://github.com/prabhsingh20/brainwave

Modern UI/UX website, developed using React.js and Tailwind CSS, exemplifies modern UI/UX principles. Its sleek design, seamless animations, and overall user experience set a high standard, serving as a reference or inspiration for future modern applications or websites in general.

animations reactjs responsive tailwindcss ui-design

Last synced: 25 Jan 2025

https://github.com/prabhsingh20/gericht

Gericht is a classy, modern restaurant website built using React.js. It showcases elegant design elements and serves as a demonstration of refined front-end development skills, providing an inspiring reference for creating sophisticated, responsive web applications.

reactjs responsive-design ui-design

Last synced: 25 Jan 2025

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

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

https://github.com/githubak2002/nextjs-ui-to-website

Ui to website using → Next js

nextjs ui-design website website-design

Last synced: 31 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/sxnnyside-project/sxnnyui

Una librería de Swift que ofrece una variedad de componentes UI para integrar en tu app.

swift swift-library swift-package swiftui ui-components ui-design

Last synced: 01 Feb 2025

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

https://github.com/scamer123/jack-portfolio-function-website

Jack's Portfolio Website is a fully functional personal website that showcases my skills, services, and projects as a UI Designer and Web Developer. The site features a responsive design, smooth scrolling navigation, interactive sections, skill bars, an image gallery, and integrated social media links, providing an engaging experience for visitors.

bootstrap css3 frontend-development html5 javascript jquery open-source portfolio responsive-design ui-design web-development

Last synced: 14 Jan 2025

https://github.com/owengregson/sparkev-ui

A recreation of the Tesla UI Interface, made in HTML, CSS, and JS for my EV project.

css3 html5 javascript spark spark-ev tesla tesla-clone tesla-ui tesla-ui-clone ui ui-design web

Last synced: 22 Jan 2025

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

https://github.com/yanikkumar/tailwind-demo

Just some simple Tailwind CSS projects to work with. Not for production.

css design tailwind tailwind-css tailwindcss tailwindui ui-design

Last synced: 02 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/mdashik922/niche-bicycle-client-side

This is a simple full-stack niche product website.

client-side firebase firebase-auth restful-api ui-design

Last synced: 08 Jan 2025

https://github.com/lucaspdroz/blog-next

Just another blog.... but it's m <3

atomic-design carree development frontend ui ui-design

Last synced: 07 Jan 2025

https://github.com/divyesh-pansuriya/rdcircleprogresskit

CircleProgressKit is a lightweight and highly customizable circular progress view designed for iOS applications. It allows you to create visually appealing progress indicators with optional center images, making it perfect for dashboards, fitness apps, and more.

circularprogressbar indicators ios open-source progress-bar progressbar story swift swift5 ui-design uikit whatsapp xcode

Last synced: 22 Jan 2025

https://github.com/vietconsultant/ecommerce-shop-react-native-ui-kit

This template provides a clean and modern design for building eCommerce applications. Designed specifically with light mode, it focuses on clarity, usability, and aesthetics to meet the needs of both designers and developers.

bloc clean-architecture clean-code e-shop e-shopping ecommerce eshop eshopping fashion flutter react-native shopping-cart ui-components ui-design ui-kit uikit

Last synced: 27 Jan 2025

https://github.com/jsimell/musicrecommender_ui-project

This repository describes the process of designing a UI for a music recommender mobile application (work-in-progress).

mobile-ui ui-design

Last synced: 22 Jan 2025

https://github.com/faisal-fida/g-movieapp

React JS Based WebApp - GMovie App 😀 Demo Here 👇

frontend javascript movie-database react ui-design web-app

Last synced: 08 Jan 2025

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/faisal-fida/clone-of-google

For 2022 there is my second project , Google clone! Im still working on the back-end... Hope you like it.

front-end google-clone html javascript ui-design web-development

Last synced: 08 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/jarrarshahid/weather_app

"A Flutter app to fetch and display real-time weather details using the OpenWeatherMap API. Features a modern UI, city-based search, and error handling. Perfect for learning Flutter and API integration."

android apis dart flutter ios mobile-app open-weather-app-api ui-design ux-design weather-app weather-forecast

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

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 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/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/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/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/md0011/refersion-ui-pricing

Tried my hands on this beautiful UI using HTML and CSS.

css html javascript ui-design

Last synced: 22 Jan 2025

https://github.com/md0011/glassmorphism-card-ui

I tried to build this beautiful UI for sharp my CSS skills with Tailwind CSS.

tailwindcss ui-design webdevelopment

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

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 Tools / Products 18 Blog & News 18 Icons 18 Productivity 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