Design inspiration curated from X

Introducing Matrix - a dot-matrix component built for shadcn/ui. Ma... - Louis

Published by Louis on October 16, 2025.

Introducing Matrix - a dot-matrix component built for shadcn/ui. Matrix is now part of ElevenLabs UI - an open-source library of audio & agent components for the web. Oh, and we built a fully playable Pong game with it.

Design notes

Introducing Matrix - a dot-matrix component built for shadcn/ui. Matrix is now part of ElevenLabs UI - an open-source library of audio & agent components for the web. Oh, and we built a fully playable Pong game with it.

This entry is part of MotionVault's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Louis; use the original X post for source and licensing inquiries.

Deep Clone · React 19 + Framer Motion

Interactive Sandbox & Production Code

Reverse-engineered 1:1 component with spring physics, accessible keyboard controls, and modular Tailwind CSS.

Live Sandbox Public View Code PRO View Prompt PRO
https://northlight.design/sandbox/1978830943772197172
Launch Sandbox ↗
Production React 19 TypeScript + Framer Motion source component
🔒 Unlock Source Code ($19/mo)

Reference details

Creator
Louis
X handle
@louisjoejordan
Published
October 16, 2025
Media
1 visual reference
Views
54,669
Likes
1,015
Bookmarks
826

Related tags