Vishesh 'ironeagle' Bangotra c4b44e872a feat(ui): implement timed haiku rotation with staggered line reveal and group fade-out
- Added haiku display block under board with Framer Motion animations
- Implement sequential line-by-line fade-in (staggered 2.4s per line)
- Implement full-haiku fade-out using AnimatePresence keyed by haikuIndex
- Added timed rotation logic using total animation duration (~14.4s)
- Integrated getHaiku() random selector for new haiku each cycle
- Ensured smooth transitions by updating haikuIndex on cycle end
- Added no-winner condition wrapper to show haikus during gameplay
2025-11-29 03:42:33 +05:30
2025-11-27 16:26:51 +05:30
2025-11-27 16:26:51 +05:30
2025-11-27 16:26:51 +05:30
2025-11-27 16:26:51 +05:30
2025-11-27 16:26:51 +05:30

Material UI - React Router example in TypeScript

How to use

Download the example or clone the repo:

curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-react-router-ts
cd material-ui-react-router-ts

Install it and run:

npm install
npm run dev

or:

Edit on CodeSandbox

Edit on StackBlitz

The idea behind the example

This example demonstrates how you can use Material UI with React Router in TypeScript. It includes @mui/material and its peer dependencies, including Emotion, the default style engine in Material UI.

What's next?

You now have a working example project. You can head back to the documentation and continue by browsing the templates section.

Description
No description provided
Readme 401 KiB
Languages
TypeScript 89.5%
CSS 5.6%
Dockerfile 1.9%
HTML 1.5%
JavaScript 1.5%