dqnamoexperiments / animated-loading-state
Animated Loading State
A Conway-inspired loading state that keeps the empty wait active, then resolves into a compact graph when the data is ready.
Loading events...
Animated loading state
A live loading state resolves into follower metrics.
npm package
game-of-life-animation
The loading animation now lives as a package-ready React canvas component with typed props, deterministic seeding, reduced motion support, and a buildable npm manifest.
npm install game-of-life-animation"use client";import { GameOfLifeLoader } from "game-of-life-animation";export function LoadingState() { return ( <div className="relative h-80 overflow-hidden rounded-xl border"> <GameOfLifeLoader cellColor="rgb(100 116 139)" cellRadius={3} cellSize={14} density={0.28} fadeDuration={920} maxOpacity={0.22} stepInterval={620} /> </div> );}Want to work with me?
I run a lil design engineering studio in London where we do fractional design engineering for startups.
THEINTERFACECOMPANYOF LONDON