Transit/Airport Split-Flap Display

A split flap display for transit/airport systems with sound effects manually made with Web Audio API

Not VerifiedBlockExperiment7 files
motionlucide-reactmotionweb-audiocss-animations
uiaudioanimationtext-effect

Preview

Transit/Airport Split-Flap DisplayOpen Full Page

[!TIP] Open in full screen for the best experience.

Install

npx shadcn add https://www.razisyed.cv/r/transit-airport-split-flap-display

Dependencies

npm i motion lucide-react

File Structure

SplitFlapCell.tsx
utils.ts
constants.ts
SplitFlapRow.tsx
TransitAirportSplitFlapDisplay.tsx
useFlapSound.ts
useTransitData.ts

Source

Loading source...
razi's registry