# Matrix components

> Infuse your UI with a futuristic edge using 5 Matrix-inspired React components, enhanced by Tailwind CSS styling.

18 components available. Showing all of them below.

- [Matrix Code](https://21st.dev/@minhxthanh/components/matrix-code/matrix-code.md) — by Le Thanh
- [Matrix code rain](https://21st.dev/@waleedkibhen/components/matrix-code-rain.md) — by wisedev
- [Falling Pattern](https://21st.dev/@sshahaider/components/falling-pattern/custom-colors.md) — by Efferd
- [Modern Animated Hero Section](https://21st.dev/@uniquesonu/components/modern-animated-hero-section.md) — by Sonu
- [Rainbow Matrix Shader](https://21st.dev/@aghasisahakyan1/components/rainbow-matrix-shader.md) — by Erik X
- [Matrix Text](https://21st.dev/@kokonutd/components/matrix-text.md) — by Kokonut Baffier
- [Cyber Matrix Hero](https://21st.dev/@dhileepkumargm/components/cyber-matrix-hero.md) — by Dhileep Kumar GM
- [Fallback Card](https://21st.dev/@lyanchouss/components/fallback-card.md) — by Liana Pepanyan
- [Security Card](https://21st.dev/@amanshakya1808/components/security-card.md) — by Aman Shakya
- [Neon Matrix Loader](https://21st.dev/@m.kumailalirajpoot/components/neon-matrix-loader.md) — by Muhammad Kumail Ali
- [Matrix Ripple](https://21st.dev/@designali-in/components/matrix-ripple.md) — by Ali Imam
- [Falling Symbols Background](https://21st.dev/@ruixen.ui/components/falling-symbols-background.md) — by Ruixen UI
- [半堂好课](https://21st.dev/@monkjin1983/components/ascii-811f593a.md) — by MONK 金鳞
- [Neon mosaic](https://21st.dev/@tungdang9888/components/neon-mosaic.md) — by TUng Dang
- [Code Rain](https://21st.dev/@serafimcloud/components/code-rain.md) — by Serafim
- [D60-hero](https://21st.dev/@david-greenfieldlp/components/d60-hero.md) — by David
- [aircraft cabin](https://21st.dev/@tungdang9888/components/aircraft-cabin.md) — by TUng Dang
- [e43wr](https://21st.dev/@anishvyapari/components/e43wr.md) — by Anish Vyapari

Full component directory: https://21st.dev/llms.txt