Matrix Text

Matrix-style text effect where letters scramble through binary characters before revealing, built with React, Tailwind CSS and Motion animations.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Dependencies

motion

Install

npx shadcn@latest add @kokonutui/matrix-text

Files

• components/kokonutui/matrix-text.tsx
• lib/utils.ts

Source

https://github.com/kokonut-labs/kokonutui

Categories

• Animated Text Components
• React Animated Text Components
• Tailwind CSS Animated Text Components
• Text Components
• React Text Components
• Tailwind CSS Text Components
• Animated Text Components

More from Kokonut UI

• AI Text Loading
• Dynamic Text
• Glitch Text
• Scroll Text
• Shimmer Text
• Sliced Text
• Extruded Text
• Typing Text
• Command Palette
• Activity Terrain
• AI Agent Lanes
• AI Attachment