What is Stardust?
Stardust is an experimental web application that demonstrates how changing the presentation method of information can dramatically improve information‑intake efficiency. It combines a cinematic user interface with real‑time data visualization, delivering an experience reminiscent of sci‑fi movie consoles.
How does Stardust work?
Stardust is built as a single‑page application (SPA) that loads all resources once and updates the view without full page reloads. The core workflow is:
- React 19 renders the component tree and manages UI state.
- TanStack Query fetches, caches, and synchronizes data from APIs.
- Framer Motion animates data changes, creating fluid, cinematic transitions.
- The UI reacts to user input instantly, providing continuous visual feedback.
Why choose a cinematic UI for data visualization?
A cinematic UI leverages motion, depth, and visual storytelling to make complex data more digestible. Benefits include:
- Higher user engagement through immersive visuals.
- Faster comprehension as motion highlights trends and anomalies.
- Reduced cognitive load by presenting information as a narrative flow.
Getting Started
To explore Stardust, simply open the live application in a modern browser.
- App URL:
- Source code:
Core Technologies
- React 19 – modern UI library for building component‑based interfaces.
- TanStack Query – powerful data‑fetching and caching layer.
- Framer Motion – animation library that enables cinematic transitions.
- TypeScript – provides static typing for maintainable code.