Data

Tools

Indexes

Applications

Experiments

Awesome

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

Projects in Awesome Lists tagged with interactive-ui

A curated list of projects in awesome lists tagged with interactive-ui .

https://github.com/adamdawi/scratchcardcompose

A customizable scratch card component in Jetpack Compose, allowing users to reveal a base image by scratching off an overlay.

android canvas compose graphics image interactive-ui jetpack-compose kotlin lidl mask movie scratch-card scratchcard scratcheffect touch-gestures ui-component

Last synced: 15 Apr 2025

https://github.com/augustine-aj/rag-basics

🤖 An Intelligent Chatbot: Powered by the locally hosted Ollama 3.2 LLM 🧠 and ChromaDB 🗂️, this chatbot offers semantic search 🔍, session-aware responses 🗨️, and an interactive Streamlit interface 🎨 for seamless user interaction. 🚀

chromadb-integration dynamic-interaction interactive-ui local-llm-integration semantic-sear session-aware-responses

Last synced: 23 Feb 2026

https://github.com/peyush-nuwal/portfolio

A modern, interactive frontend portfolio built using Next.js, TypeScript, GSAP, Framer Motion, and TailwindCSS. Designed to showcase my skills, featured projects, and personal branding as a frontend developer.

animation creative-coding creative-development framer-motion frontend gsap interactive-ui micro-interactions minimal modern-ui nextjs personal-website portfolio-website reactjs responsive-design scrolltrigger smooth-scroll tailwindcss typescript

Last synced: 14 Sep 2025

https://github.com/charithasrir31/digital-slam-book

A digital version of the nostalgic slam book - to capture memories and share thoughts, built using HTML, CSS, and JavaScript.

animation beginner-project css frontend html html-css-javascript interactive-ui javascript localstorage mini-project personal-project slambook

Last synced: 17 Apr 2026

https://github.com/hakkaofdev/hakkaofdev.fr

🖥️ Interactive terminal-style portfolio with command-line interface, Spotify, dynamic CV, internationalization (22 langs) & more. Built with Next.js 16 & Tailwind.

cli cv-generator guestbook interactive-ui nextjs personal-website portfolio spotify supabase tailwindcss terminal typescript

Last synced: 10 May 2026

https://github.com/manineedtosleep/project-photobook

A modern, responsive photo gallery with interactive animations, dark/light mode toggle, and social features. Built to experiment with CSS animations and modern web techniques.

css-animations css3 dark-mode es6 frontend html5 interactive-ui javascript photo-gallery portfolio-project responsive-design web-design

Last synced: 30 Apr 2026

https://github.com/karankathur06/python-dashboard

A dynamic Python-based dashboard for visualizing and analyzing data with interactive elements. Built using popular libraries like Plotly and Dash, designed for intuitive data exploration.

analytics dash dash-plotly dashboard data-science data-visualization interactive-ui plotly python visualization-project web-app

Last synced: 28 May 2026

https://github.com/danielsobrado/galaxy-nodes

Three.js component library for exploring dense graph data in 3D as an interactive “galaxy” of nodes, clusters, and weighted relationships. It provides a polished React API for GPU-accelerated point clouds, cluster filament visuals, camera controls, search/filter workflows, and node/edge inspection.

3d-visualization data-visualization data-viz graph-data graph-visualization interactive-ui network-graph npm-package react threejs typescript typescript-library webgl

Last synced: 31 May 2026

https://github.com/dindinyt37/simple-weather-app

A sleek weather dashboard with real-time weather animations, developer testing controls, and Open-Meteo API integration. Features dynamic weather effects including animated clouds, rain, and sun with responsive design

animations api css css-animations html interactive-ui javascript meteorology open-meteo-api real-time responsive-design weather weather-app weather-dashboard web-animations

Last synced: 07 May 2026

https://github.com/sayed3li97/flutter_lottie_demo

This Flutter project demonstrates practical applications of Lottie animations, including a loading indicator, an interactive like button with a one-time animation, and a dynamic animation swap based on user interaction.

animation animations flutter flutter-dev flutter-ui interactive-ui lottie micro-interactions mobile-development ui ux

Last synced: 08 May 2026

https://github.com/venkat-0706/cricket-feild

This code creates an interactive cricket field using Konva.js, allowing users to add and drag players with editable labels while enforcing movement boundaries and player limits.

canvas-api css drag-and-drop frontend-development html interactive-ui javascript jquery jquery-touch-events konvajs

Last synced: 09 May 2026

https://github.com/abanoub-refaat/javascript_projects

A collection of JavaScript projects I’ve built while learning and experimenting with DOM manipulations.

dom-manipulation-practice dynamic-webpages front-end-development interactive-ui javascript javascript-learning vanilla-javascript webdevelopment

Last synced: 31 Aug 2025

https://github.com/anton-karlovskiy/material-design-web-animations-demo

Material Design Web Animations Demo - Interactive grid layouts, declarative animations, and music player UI using Web Animations API. Pure vanilla JavaScript with zero dependencies.

animation-library anton-prototype css-animations frontend-development interactive-ui javascript-animations material-design mobile-first performance responsive-design ui-components user-experience vanilla-javascript web-animations web-animations-api web-performance

Last synced: 16 May 2026

https://github.com/emrepel03/titan-space-program

Full JavaFX simulation from Earth to Titan with orbital mechanics, physics-based landing, and interactive GUI.

gui interactive-ui java javafx numerical-methods orbital-mechanics physics-engine simulation space-mission

Last synced: 18 May 2026

https://github.com/kyrillos-samy1/my-portfolio

Kyrillos Samy Doksh Hanna's Portfolio is a sleek and interactive developer portfolio showcasing cutting-edge work, technical skills, and creativity in full-stack development using modern tools like Next.js, TypeScript, and Tailwind CSS. Whether you're an employer, collaborator, or fellow dev, this site is designed to leave a lasting impression.

animated-ui developer-portfolio framer-motion frontend-web interactive-ui nextjs15 personal-website-portfolio portfolio-website responsive-design tailwindcss-v3 typescript vercel-hosting web-development-portfolio

Last synced: 24 Apr 2026

https://github.com/victortutu-hub/luminomorphism

Simulated light-based UI components with physics, interaction memory, and visual feedback systems.

animation cognitive-ui creative-coding experimental-ui frontend-design glowing-effects interactive-ui luminomorphism ui-library visual-effects webcomponents

Last synced: 20 Jan 2026

https://github.com/abbasg-dev/react-motion-fx

A cutting-edge interactive experience using React, GSAP, and Three.js (React Three Fiber). This project features smooth scroll-driven animations, parallax effects, staggered text reveals, and a wave motion effect on images using simplex noise. Dive into creative motion design with WebGL and JavaScript animations!

animation gsap interactive-ui motion-design parallax react scroll-effects three-js webgl

Last synced: 10 Apr 2026

https://github.com/vickydev810/weboasis-web-crawler

A web crawler made using QT framework for C++ uses Unsplash, Bing & Wikipedia API for working at the back-end crawls informtion based on the given query return images & a summary about the search query a user-friendly UI.

api cpp interactive-ui qt6 webcrawler

Last synced: 17 Nov 2025

https://github.com/valentinmadiot/background-animation-halloween-2_js

Page Halloween animée avec effet parallax 3D via Atropos.js, citrouilles superposées, titres typographiques et bouton interactif. Design responsive immersif idéal pour sites d’événements saisonniers.

animated-layout atropos-effect atroposjs custom-typography event-promotion flicker-effect frightening-ui ghost-buttons halloween-cta html-css-js interactive-ui layered-images onepage-theme parallax-landing pumpkin-theme remix-icons responsive-design spooky-design vanilla-javascript visual-identity

Last synced: 14 Jul 2025

https://github.com/valentinmadiot/background-animation-temple_js

Page d’accueil immersive avec animations GSAP, effets sakura et design responsive. Idéal pour projets artistiques ou culturels souhaitant offrir une expérience visuelle poétique et apaisante.

animated-landing-page background-effects cultural-theme design frontend-project gsap hero-section html-css-js immersive-experience interactive-ui javascript-vanilla mobile-first pure-css-layout remix-icons responsive-navbar sakura scroll-blur single-page-site static-website webdesign

Last synced: 24 Oct 2025

https://github.com/valentinmadiot/background-animation-pirate_js

Animation front-end immersive sur le thème des pirates avec effets visuels marins, menu responsive et design 100% adaptatif. Parfait pour une page d’accueil originale ou projet créatif.

animated-header animated-interface background-animation creative-coding css-animations frontend-project hero-section html-css-js interactive-ui landing-page mobile-first nav-animation navigation-bar onepage-website pirate-ship pirate-theme remix-icons responsive-design ui-design wave-animation

Last synced: 02 Jul 2025

https://github.com/brunortech/stopwatch

A responsive stopwatch application created with HTML, CSS, and JavaScript, based on a guide by Coddy.tech. Features a clean and minimalistic design, intuitive controls, and real-time time tracking for a seamless user experience.

beginner-project css frontend html interactive-ui javascript javascript-project minimalist-ui open-source responsive-design stopwatch time-tracking timer vanilla-javascript web-development

Last synced: 08 Aug 2025

https://github.com/brunortech/bottom-navigation-bar

A simple and responsive bottom navigation bar built with HTML, CSS, and FontAwesome icons, created using a guide from Coddy.tech. Features smooth hover effects, a minimalist design, and flexible customization options for an interactive user experience.

css fontawesome frontend-project html interactive-ui navigation-bar responsive-design ui-design web-development

Last synced: 12 Apr 2025

https://github.com/mdjamin/glowing-pricing-cards-html-css-javascript-responsive-ui

Modern, responsive pricing card UI with glowing hover effects built in HTML, CSS and vanilla JavaScript. Lightweight, fully interactive and ideal for showcasing services or subscription plans

css frontend-design glowing-cards hover-effects html interactive-ui javascript modern-web-design pricing-cards responsive-ui ui webcomponents

Last synced: 04 May 2026

https://github.com/wilkerhop/linestream

A dynamic line visualization using HTML, JavaScript, and SVG. Each point has a vertical position based on its currentPosition, and all points are connected. New points can be added dynamically, updating the visual representation in real time. This project explores JavaScript, DOM manipulation, and SVG rendering.

data-visualization dynamic-graphics frontend html interactive-ui javascript proof-of-concept svg web-development

Last synced: 29 May 2026

https://github.com/rishav-raj-sinha/spline_integrated_website

A 3d landing page with interactive model integrated using spline

3d-graphics 3dwebsite css css3 html html5 interactive-ui spline webdevelopment

Last synced: 27 Apr 2025

https://github.com/shubhamkangune/drag-and-drop

A simple Drag and Drop project using HTML, CSS, and JavaScript. This project allows users to drag elements and drop them into designated areas with smooth interactions. Perfect for learning DOM manipulation and event handling in JavaScript.

css3 dom-manipulation drag-and-drop event-handling frontend html5 interactive-ui javascript web-development

Last synced: 14 Apr 2026

https://github.com/imsudipcreator/portfolio

A modern developer portfolio built with React + Framer Motion + Tailwind CSS, featuring an AI Powered text selection overlay that generates intelligent insights or summaries based on hughlighted content.

ai-integration command-line-style developer-portfolio framer-motion interactive-ui portfolio react tailwindcss

Last synced: 17 Mar 2026

https://github.com/asmitranjansinha/flowcraft

🚀 FlowCraft – A dynamic React-based project that enables seamless interactive flow-based UI components. Built using ReactFlow, this project provides a smooth drag-and-drop experience, making it perfect for designing visual workflows, diagrams, and node-based interactions.

drag-and-drop flow-diagram frontend interactive-ui javascript node-based-ui react reactflow state-management visual-editor

Last synced: 20 Apr 2026

https://github.com/lucas-eduardo/fantasyforge

FantasyForge: uma inovadora aplicação de geração de personagens de RPG, combinando NestJS e React com a inteligência artificial da OpenAI para criar personagens detalhados e imagens únicas, enriquecendo a experiência de RPG.

artificial-intelligence character-creation dall-e interactive-ui nestjs openai-integration react rest-api role-playing-games rpg-character-generator rpg-tool single-page-application tabletop-rpg typescript web-application

Last synced: 03 May 2026

https://github.com/mirkorinke/portfolio

An interactive OS-style web portfolio built with Angular. Featuring a modular window management system, dynamic state handling, and a high-performance desktop-inspired user interface.

angular frontend-development interactive-ui performance-optimized portfolio scss typescript ui-ux-design web-os

Last synced: 05 May 2026

https://github.com/rakshath66/ask-your-image

Ask questions about any image using AI. A smart Streamlit app powered by BLIP that answers visual questions, generates captions, and lets you download a PDF report.

ai-app blip caption-generator computer-vision deep-learning generative-ai huggingface image-captioning image-processing image-question-answering interactive-ui multimodal-ai openai pdf-generator pytorch streamlit transformers vision-language visual-question-answering vqa

Last synced: 06 May 2026

https://github.com/lucas29951/poke-api

Pokedex interactiva construida con HTML, CSS, JavaScript.

api css frontend html interactive-ui javascript pokemon web-development

Last synced: 29 Apr 2026

https://github.com/aninditaws/investly-frontend

Investly Frontend: A dynamic React-based interface providing users with intuitive dashboards, real-time investment insights, and portfolio recommendations.

dashboard-visualization frontend-development interactive-ui react-router reactjs rest-api-integration tailwind-css

Last synced: 02 May 2026

https://github.com/shuddha2021/react-simplecounterapp

Interactive React Counter: Simple Incremental Experience with TypeScript

counterapp hooks interactive-ui opensource react state-management typescript webdevelopment

Last synced: 14 May 2026

https://github.com/eins51/spline-vue-tool

一个Spline 3D参数调试工具，基于Vue 3和Spline实现，提供直观的参数调试面板

3d-viewer animation-css gsap interactive-ui respnosive-web-design spline vue

Last synced: 10 Apr 2025

https://github.com/prashantsaini1525/learniverse-app

Project 5 : Learniverse App is a Next.js and React-based learning platform offering an interactive and engaging user experience. Future features include Courses, Feedback, Founder, and Services. Currently, I’m focusing on core functionality while improving my Java DSA skills.

dsa education front-end-development frontend future-enhancement interactive interactive-ui javascript learning nextjs react scalable-app web-development

Last synced: 04 Apr 2025

https://github.com/nasim-raj-laskar/nvidia-stock-pred-v2

v2 of https://github.com/nasim-raj-laskar/Nvidia-Stock-Prediction

interactive-ui plotly-dash random-forest streamlit v2

Last synced: 18 May 2026

https://github.com/goswamilucky/pattern-pulse

Pattern Pulse is an engaging memory game where players are challenged to replicate increasingly complex sequences of lights and sounds, testing their ability to recall patterns and stay in sync.

audio-visual-feedback browser-game game-development html-css-javascript interactive-game interactive-ui javascript-game pattern-recognition progressive-difficulty responsive-design sequence-replicatio ui-ux web-app web-game

Last synced: 21 Mar 2025

https://github.com/shuddha2021/interactive-data-visualization-app

An interactive web application for visualizing data using Chart.js. Users can explore and analyze data through dynamic charts and customize their view

chart data-visualization event-handling interactive-ui javascript real-time-updates responsive-design web-development

Last synced: 01 Nov 2025

https://github.com/shamikaredkar/art-gallery

This digital gallery features a curated selection of photos by artists like Massimo Marganoni, Giuseppe Milo, and Görlitz Photography, each presented in a sleek, responsive format that brings their work to life. Hover over images to discover the artists' names.

css3 html5 interactive-ui interactive-user-interface photogallery responsive-layout responsive-web-design webdev webdevelopment

Last synced: 22 May 2026

https://github.com/jjacoboflorez95/clock_stopwatch_black

A simple digital clock and stopwatch application built for a college assignment, focusing on core JavaScript functionality.

clock college-project interactive-ui javascript stopwatch web-development

Last synced: 06 Nov 2025

https://github.com/aayushinit/advancedcurrencyconverter

💱 Advanced Currency Converter Web App — Real-time multi-currency conversion with historical trends, interactive charts, and a modern glassmorphic UI using Flask, Tailwind CSS, and Chart.js.

api-simulation chartjs css currency-converter exchange-rates finance flask fullstack glassmorphism html interactive-ui javascript python realtime responsive-design tailwindcss webapp

Last synced: 09 Apr 2026

https://github.com/computingvictor/mercadona_agent

Web app to explore supermarket products with advanced filters, search, favorites, and nutritional info. Includes data analysis notebooks for deeper insights.

css data-analysis data-science data-visualization filtering html interactive-ui javascript notebooks nutritional-info pandas product-catalog python supermarket webapp

Last synced: 09 Apr 2026

https://github.com/valentinmadiot/gasoline-car-store_ui

Landing page immersive pour Lamborghini Aventador. Slider Swiper, vidéo intégrée, specs dynamiques, ScrollReveal, responsive complet et animations fluides pour une vitrine automobile haut de gamme.

car-showcase contact-form css3 dark-theme hero-slider html5 interactive-ui javascript lamborghini landing-page luxury-cars mobile-friendly navigation-menu remix-icons responsive-design scroll-animations scroll-up scrollreveal-js swiper-js video-background

Last synced: 15 Sep 2025

https://github.com/valentinmadiot/fitness-center_ui

Landing page responsive pour salle de sport avec programmes interactifs, calculateur d’IMC, offres tarifaires, animations dynamiques et formulaire connecté à EmailJS. Design sombre et immersif.

animated-footer bmi-calculator css3 dark-theme email-js fitness-page form-validation grid-layout gym-website html5 interactive-ui javascript landing-page mobile-navigation pricing-plans program-section remix-icons responsive-layout scrollreveal-js triangle-design

Last synced: 16 May 2026