CyberUI

A cyberpunk-themed React UI library with neon-styled components and futuristic aesthetics.

🌐 Demo & Documentation

Check out the Demo Video 🎬

demo.mp4

• 🔗 Live Demo - Experience the cyberpunk theme in action
• 📚 Storybook Documentation - Interactive component documentation

🚀 Quick Start

npm install cyberui-2045

Import the core stylesheet and components

import React from "react";
import "cyberui-2045/styles.css";
import { CircularProgress, Notification } from "cyberui-2045";

function App() {
  return (
    <div>
      <CircularProgress progress={75} radius={20}>
        <span>75%</span>
      </CircularProgress>

      <Notification
        type="success"
        title="System Online"
        message="All systems are operational"
      />
    </div>
  );
}

Changelog

See the full history in CHANGELOG.md.

🛠️ Development

git clone https://github.com/patrickkuei/CyberUI.git
cd CyberUI
npm install
npm run dev          # Start development server
npm run storybook    # Start Storybook

🤝 Contributing

Contributions are welcome! Please see our Contributing Guide.

📄 License

MIT License - see LICENSE file for details.

---

Made with ⚡ by Patrick Yang