Matrix.css Next.js Framework

A cyberpunk-inspired UI component library for Next.js applications with Matrix-style visual effects.

Features

• Dark/light theme switching capabilities
• Matrix-inspired visual effects (code rain, terminal, glitch text)
• A complete set of UI components (buttons, cards, alerts, etc.)
• Full TypeScript support

Getting Started

1. Install dependencies:

   npm install
   

2. Run the development server:

   npm run dev
   

3. Open http://localhost:3000 in your browser.

Available Components

UI Components

• Button
• Card
• Alert
• Badge
• Modal
• Progress
• Tabs
• Input
• Select
• Checkbox
• Radio
• Switch
• Dropdown
• Tooltip

Layout Components

• Container
• Row
• Col
• Navbar
• Sidebar
• Footer

Effect Components

• CodeRain
• Terminal
• GlitchText
• Scanline
• NeuralNetwork

Theme Customization

Matrix.css provides a built-in theme context with dark and light modes. You can customize the theme by modifying the CSS variables in src/styles/globals.css.