Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with interaction-design

A curated list of projects in awesome lists tagged with interaction-design .

https://github.com/jtrivedi/wave

Wave is a spring-based animation engine for iOS and macOS that makes it easy to create fluid, interruptible animations that feel great.

animation appkit gestures interaction-design ios motion swift swiftui ui uikit

Last synced: 14 May 2025

https://github.com/jtrivedi/Wave

Wave is a spring-based animation engine for iOS and macOS that makes it easy to create fluid, interruptible animations that feel great.

animation appkit gestures interaction-design ios motion swift swiftui ui uikit

Last synced: 26 Mar 2025

https://github.com/ganapativs/bttn.css

Awesome buttons for awesome projects!

button css frontend interaction-design library stylus ui-design

Last synced: 15 May 2025

https://github.com/justinhartman/ui-ux-design-library

A collection of free eBooks and PDFs related to UI, UX and Interaction Design.

books ebooks interaction-design library-free mobile-design ui-design usability-testing ux-design web-design

Last synced: 03 Feb 2026

https://github.com/greenstick/interactor

Front-End Code for Tracking Interactions and Conversions on Websites.

conversion-tracking front-end interaction-design utility

Last synced: 04 Apr 2026

https://github.com/quietloudlab/ai-interaction-atlas

A shared language for designing and communicating AI experiences.

ai-design ai-ux interaction-design open-source react taxonomy typescript

Last synced: 16 Jun 2026

https://github.com/jackyzha0/telescopic-text

🔭 an open-source library to help with creating expandable text

interaction-design telescopic-text

Last synced: 08 May 2025

https://github.com/acarabott/musical-user-interfaces

Source for the prototypes in http://arthurcarabott.com/mui/

audio interaction-design interface-design music

Last synced: 10 Apr 2025

https://github.com/nafisalawalidris/happy-birthday

Happy Birthday Celebration is a delightful web animation project using HTML, CSS and JavaScript. Celebrate birthdays with dynamic elements such as flying balloons, a fading cake and personalised messages. Easily integrable and brings interactive joy to birthday-themed websites or applications.

css html html-css-javascript interaction-design javascript open-source webdevelopment

Last synced: 19 Apr 2025

https://github.com/wsmd/ui-sketchbook

🎨 Experiments with various UI components and interactions

interaction-design javascript react ui-components ui-design user-interface

Last synced: 19 Mar 2025

https://github.com/volorf/buttonthatremembers

A UI concept that remembers the history of interaction. Made with SwiftUI.

input-system interaction-design prototyping swift swiftui ui user-interface xcode

Last synced: 14 Apr 2025

https://github.com/acarabott/selection-history

A UI experiment in visualsing the selection history, designed for tasks that require complex selections e.g. video editing, audio production, graphic design.

interaction-design ui ui-design

Last synced: 16 Jun 2025

https://github.com/darmie/kito

Declarative state machines & reactive animations for Dart/Flutter

animation dart flutter flutter-package flutter-ui interaction-design interactive keyframe-animation ux-design

Last synced: 26 May 2026

https://github.com/volorf/vr-slider

Interactive VR prototype of the concept — https://dribbble.com/shots/16776679-Meta-Slider

interaction-design prototyping unity3d vr xr

Last synced: 11 Mar 2026

https://github.com/kriptonian1/kriptonian-ui

Interaction animation library to ship beautiful UI fast

framer-motion interaction-design nextjs tailwindcss

Last synced: 27 Apr 2025

https://github.com/amosgyamfi/swiftui-interaction-techniques

A set of iOS interactions techniques ( low-level interactions) and transition patterns for your next iOS project. An example interaction technique can be swiping to delete an object. Transition patterns could be page-to-page transitions or layer-to-layer transitions.

animations interaction-design interaction-techniques ios swiftui swiftui-animation swiftui-interaction swiftui-interaction-techniques swiftui-transitions ui-animation xcode xcode-animations

Last synced: 14 Apr 2025

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

Noise Soup: An interactive WebGL experiment merging design and code. Create stunning visual effects responsive to user input. Ideal for designers and coders alike.

creative-coding digital-art generative-art glsl hci interaction-design interactive-art javascript real-time-graphic shaders threejs ux-design visualization web-animation web-design webgl

Last synced: 15 May 2026

https://github.com/jorditost/postingbits

Open-Source Library and collection of resources and examples for real-time computer vision object tracking with Processing.

computer-vision image-processing interaction-design projection-mapping

Last synced: 09 Apr 2025

https://github.com/qc20/game-of-life-simulation

Fun and interactive interpretation of the Game of Life project written in p5.js. Is controllable via the arrow keys and you can change the colors of the cells by pressing C. Have fun!

cellular-automata css game game-of-life hci html interaction-design interactive-visualizations javascript p5js processing

Last synced: 08 May 2026

https://github.com/qc20/electromagneticfield

ElectromagneticField: An interactive HTML5 Canvas visualization simulating electromagnetic interactions. Explore dynamic field lines and attractors in this mesmerizing, educational experience.

creative-coding electromagnetic-fields generative-art html5-canvas interaction-design interactive javascript particle-system physics-simulation scientific-visualization ux-design visualization web-animation webdevelopment

Last synced: 18 Feb 2026

https://github.com/qc20/speakez

SpeakEZ is a user-friendly voice user interface designed as a speak-easy for older adults, providing an intuitive and engaging social experience

accessability chatbot chatgpt embedded-systems human-computer-interaction interaction-design prototype python rasberry-pi voicebot vui-design

Last synced: 31 Oct 2025

https://github.com/andyfratello/idi

🦀 Exercicis d'Interacció i Disseny d'Interfícies (IDI) Q1 - UPC FIB

fib-upc fragment-shader glsl idi idi-fib interaction interaction-design interface interface-design opengl vertex-shader

Last synced: 17 Aug 2025

https://github.com/qc20/heartsense

HeartSense is an interactive LED ring that visually represents your heartbeats in real-time. The LED ring blinks to your heartbeats and displays the current BPM (beats per minute) using both numerical values and color-coded illumination.

adafruit-neopixel adaptive-learning affective-computing biometrics critical-design critical-theory design-thinking ecg-signal ekg-analysis embedded-systems emotion-detection emotion-recognition hci human-computer-interaction interaction-design mental-health pulse-sensor speculative-design uecg user-experience

Last synced: 07 Mar 2026

https://github.com/qc20/tromino

Tromino is an engaging, pocket-sized interpretation of the classic Tetris game, designed for the Arduino Uno with an LCD shield. This project explores the intersection of physical computing, game design, and user interaction in constrained environments.

arduino arduino-uno cpp embedded-systems game-development hci interaction-design lcd-display lcd16x2 microcontroller physical-computing puzzle-game retro-gaming tetris tromino user-experience user-interface

Last synced: 26 Apr 2026

https://github.com/qc20/haptic-game-for-the-blind

HapNav is an innovative, ESP32-based game designed to empower the visually impaired. By using joystick navigation, it enhances spatial awareness and provides inclusive gaming experiences. Join us in this project to make gaming accessible for all!

3d-printing accessibility arduino blind cad cpp esp32 game-development haptic-feedback haptics human-computer-interaction interaction-design iot joystick-control microcontroller prototyping remote sensors tactile tactile-feedback

Last synced: 15 Apr 2025

https://github.com/tr-reny/cryptocurrencies-news-app

This is a Crypto News app that GET API data from Cryptocompare API and Displays it in RecyclerView. The UI is friendly and interactive

api bitcoin cryptocompare cryptocompare-api cryptocurrency interaction-design java rapidapi recyclerview retrofit2

Last synced: 11 Sep 2025

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: 28 Apr 2026

https://github.com/volorf/vr-touch-controllers

Minimalist XR Hand Controllers for your new stylish Unity project

interaction-design plugins prototyping untiy3d vr vr-controller xr xr-emitter xrinteraction

Last synced: 18 Mar 2026

https://github.com/divyanshu-rawat/app-designs

Repository comprises of my work as a Interaction Design.

figma interaction-design invision-app sketch-app

Last synced: 09 Apr 2025

https://github.com/qc20/scroll.

Scroll Gallery is a web application designed to showcase digital artworks in an interactive, horizontally-scrolling format. This project explores user interaction patterns in web-based galleries, focusing on smooth navigation and efficient image loading techniques.

blackwhite creative-coding css gallery horizontal-scrolling html human-computer-interaction interaction-design interactive javascript matter-js p5js portfolio-website product-design threejs visualization

Last synced: 14 Apr 2026

https://github.com/md-emon-hasan/revelation

"Repository 'Revelation' showcases frontend development skills through an interactive web application, emphasizing real-time user engagement."

css interaction-design javascript personal-portfolio portfolio-website web-development webdevelopment

Last synced: 15 Apr 2026

https://github.com/tuirevii/aidok

Hands-Free UX to Ease Paramedics’ Tasks | Human-Centered Product Development | Client: Solita Oy

ai concept-design genai generative-ai interaction-design paramedic product-design user-research ux-design

Last synced: 08 Feb 2026

https://github.com/leg0shii/task-modeller

This tool models and optimizes user tasks based on real-world behaviors. It transforms individual task models into unified, constraint-driven representations, using examples like Wordle to demonstrate its effectiveness. The tool visualizes task flows for better design and efficiency.

as-is-model behavior-driven-development ctt hci interaction-design modelling-tool process-optimization task-management to-be-model user-behavior-analysis user-experience

Last synced: 17 Apr 2026

https://github.com/nikimacm/dino-hatch

Interactive Front-End Development: An interactive front-end site. The site responds to the users' actions, allowing users to actively engage with data, alter the way the site displays the information to achieve their preferred goals.

css front-end-development game html html5 interaction-design javascript

Last synced: 19 Apr 2026

https://github.com/qc20/signature

This project creates an interactive canvas element that generates a trailing effect following the user's mouse or touch input. The trail gradually fades and thins out, creating a visually appealing animation.

creative-coding css html interaction-design interactive interactive-visualizations javascript signature

Last synced: 28 Apr 2026

https://github.com/valentinnsoare/mathquizwithcomputerassistedinstructions

Math quizes with an interactive menu and instructions from computer to solve the questions in case you have your answer wrong.

data-structures interaction-design interactive java-17 mathematics maven oop-principles

Last synced: 30 Apr 2026

https://github.com/rayc2045/draggable-todolist

A productivity-focused to-do list featuring drag-and-drop reordering, autosave functionality, and markdown support for note-taking.

drag-and-drop interaction interaction-design interactive localstorage lottie-animation markdown sortablejs todo todo-app todo-list todoapp todolist todolist-application todomvc todos vanilla-javascript vanilla-js

Last synced: 02 May 2026

https://github.com/fupete/syllabus-19

DSII 2019 | Laboratorio design di sistemi interattivi per informazione (ICAR/13)

course-materials interaction-design ml5 p5js processing san-marino teaching unirsm university-course

Last synced: 14 Apr 2025

https://github.com/knutkirkhorn/systemutvikling-2

Øvinger fra TDAT2003 Systemutvikling 2 med web-applikasjoner, dataingeniør NTNU

ajax building css interaction-design java javascript jquery lxd rest safety testing

Last synced: 12 Apr 2026

https://github.com/qc20/teach-xai-with-p5.js

Discover Explainable AI (XAI) through interactive visualizations with P5.js. Dive into the world of AI decision-making and unravel complex concepts in an engaging, accessible way. Ideal for both enthusiasts and professionals seeking deeper insights into AI.

creative-coding explainable-ai human-computer-interaction interaction-design interactive interactive-coding interactive-visualizations javascript ml5js p5js visualization webdevelopment xai

Last synced: 12 Oct 2025

https://github.com/hinton/phonster

Project for Advanced Interaction Design, MAMN01

android game interaction-design java prototype school-project

Last synced: 15 Apr 2026

https://github.com/qc20/emojiheatmap

EmojiHeatmap is a creative visualization tool that dynamically generates a heatmap using a variety of emojis based on user interactions. It transforms mouse movements into colorful patterns using Perlin noise, resulting in an evolving, playful landscape of emotive symbols.

algorithmic-art creative-coding data-visualization digital-art emoji font-art heatmap interaction-design interactive-art interactive-graphics interactive-visualizations javascript mouse-interaction p5js perlin-noise ux-design web-animation web-art web-art-is-great-art web-fonts

Last synced: 12 Aug 2025

https://github.com/qc20/asciivision

AsciiVision is a creative coding project that merges human-computer interaction with artistic expression. By transforming your webcam feed into ASCII art in real-time, AsciiVision offers an immersive experience that blurs the boundaries between technology and creativity.

art ascii-art creative-coding creativity css html interaction-design javascript web-application webcam webdevelopment

Last synced: 03 May 2026

https://github.com/qc20/emojiadventure

EmojiAdventure: An interactive digital art experience that generates a dynamic, ever-changing landscape of emojis using Perlin noise algorithms. Explore a vibrant world where emojis come to life through mouse interaction and creative coding techniques.

algorithmic-art creative-coding data-visualization digital-art emoji font-art generative-art interaction-design interactive-art interactive-graphics interactive-visualizations javascript mouse-interaction p5js perlin-noise ux-design web-animation web-art web-art-is-great-art web-fonts

Last synced: 21 Mar 2026

https://github.com/tianzonglin/cloud-control-gui

A tool to compute, visualize, analyse and drag points (high-dimensional data)

cuda interaction-design visualization

Last synced: 25 Apr 2026

https://github.com/qc20/cloth

The simulation creates a grid of particles connected by constraints, mimicking the behavior of a cloth. Users can interact with the cloth using their mouse or touch input, dragging and potentially tearing the fabric.

creative-coding css html interaction-design interactive-visualizations javascript matter-js

Last synced: 28 Apr 2026

https://github.com/qc20/diy-arduino-controller

Explore our repository showcasing ATMega328 programming beyond Arduino. We offer diverse code examples to inspire enthusiasts. Our project presents a slim, versatile DIY Arduino board, prioritizing accessibility and cost-effectiveness for educational and practical use.

adaptable arduino atmega328p cpp diy-arduino fabrication human-computer-interaction interaction-design iot led-controller microcontroller portability prototyping rgb-led ux-research

Last synced: 28 Apr 2026

https://github.com/qc20/credit-link

This project creates an interactive particle animation. When users hover over or touch the text (on mobile devices), the particles react and move organically. Clicking or tapping the text triggers an explosion effect before redirecting to a specified URL.

author-link cite credit-link css html hyperlink interaction-design interactive javascript link noise particles physics scatter

Last synced: 05 May 2026

https://github.com/shamikaredkar/nodejs-blog

A comprehensive blog project, featuring user authentication, post management, and a responsive design.

css html interaction-design javascript mongo mongodb mongodb-atlas mongodb-database mongoose-schema nodejs nodejs-server responsive-web-design webapp

Last synced: 19 Jan 2026

https://github.com/qc20/circlecircleinteraction

This project showcases an interactive animation of moving circles using HTML5 Canvas and JavaScript. The animation features multiple circles that move around the screen, bounce off the edges, and display intersection points when they overlap.

creative-coding css html human-computer-interaction interaction-design javascript website

Last synced: 05 May 2026

https://github.com/qc20/sticks-and-noodles

An interactive Matter.js-based mock-up website for a noodle joint.

creative-coding css html interaction-design mockup noodles sushi sushi-website webdevelopment website website-design

Last synced: 21 Mar 2026

https://github.com/qc20/non-cartesian-etch-a-sketch

The Non-Cartesian Etch-A-Sketch is a browser-based simulation that offers a unique drawing experience. Unlike traditional Etch-A-Sketch toys, which operate in Cartesian coordinates (x and y axes), this simulation operates in non-Cartesian or polar coordinates. Try it out in the link below!

cartesian cartesian-coordinate css drawing etch-a-sketch html interaction-design interactive interactive-visualizations javascript polarisation-controller

Last synced: 20 Apr 2026

https://github.com/abhipatel35/accommodation-and-roommate-finder

A user-centered design project focusing on a seamless experience for apartment searches and roommate matching. The platform enhances usability and accessibility through wireframes, prototypes, and usability testing.

apartment-finder apartment-search figma interaction-design prototyping responsive-design roommate-finder roommatefinder ui-ux-design usability-testing user-centered-design user-experience user-interface user-research wireframing

Last synced: 16 Mar 2025

https://github.com/braydenoneal/csci-395

Assignments for the CSCI 395: Applied Projects class at Drury University

interaction-design

Last synced: 06 Jan 2026

https://github.com/andyzzzzzzzzz/portfolio

Interactive portfolio website with animated project cards, timeline, and dark mode, built using React, Tailwind CSS, and Framer Motion

animations framermotion frontend interaction-design javascript react tailwind-css web-development

Last synced: 12 Apr 2026

https://github.com/qc20/wavyhairball

This project showcases an interactive, fluid line animation using Three.js. It's designed to explore the intersection of generative art and user interaction, providing a visually engaging experience that responds to user input.

creative-coding css html interaction-design interactive javascript threejs visualization

Last synced: 12 Apr 2026

https://github.com/sameerjs6/tip-calculator-app

Simple but Interactive and Modern looking UI Tip Calculator and It's pretty hard too. But Enjoyed building this one.This small app is perfect for anyone to get grips with JavaScript.

animation css interaction-design javascript responsive-layout tipcalculator vanilla-javascript wave

Last synced: 14 May 2026

https://github.com/qc20/circular-mesh

Circular Mesh Harmony is an interactive, generative art piece that explores the beauty of geometric patterns through motion and repetition. This project uses p5.js to create mesmerizing animations of concentric circles and arcs, resulting in complex, ever-changing designs.

creative-coding css html interaction-design interactive-visualizations javascript visualization

Last synced: 29 Apr 2026

https://github.com/qc20/truchet-tiles

An interactive web-based implementation of Truchet tiling - a mathematical pattern system that creates complex visual designs through simple tile rotations.

creative creative-coding emergent-behavior geometric-patterns hci interaction-design javascript math-art truchet truchettiles ux-design web-development

Last synced: 31 Mar 2025

https://github.com/wentin/crafting-interactions-2020

Class Repo for “Crafting Interactions”, MFA Interaction Design at School of Visual Arts

design interaction-design prototyping

Last synced: 10 Jul 2025

https://github.com/faizansafwan/hotel-website

A fully responsive Hotel website built with Next.js App Router and Tailwind CSS. Includes modern pages for Home, About, Services, and Contact with an embedded Google Map.

css file-based-routing hotel-reservation-system hotel-website html interaction-design javascript js mobile-responsive nextjs15 react react-dom react-hooks reactjs responsive-design responsive-website tailwindcss ui ux-ui

Last synced: 10 Apr 2026

https://github.com/mostafagalal1/fitts_experiment

Webpage tests Fitts's law describing the time to make aimed movements (MT) with an index of difficulty (ID) and determining the constants of the corresponding regression line depending on the input data.

experimental front-end interaction-design javascript

Last synced: 17 Mar 2025