🌌 Lumina Borealis UI

A modern, premium, and multi-framework UI component library built for React and Vue.

Lumina Borealis is designed to help developers build stunning, aesthetic, and highly responsive user interfaces quickly. With a core architecture based on pure CSS tokens and utilities, it provides perfectly synced components across multiple JavaScript frameworks.

🌟 Features

• Multi-Framework: Native components for both React and Vue.
• Aesthetic by Default: Beautifully crafted designs out-of-the-box with glassmorphism, micro-animations, and modern typography.
• Framework Agnostic Core: Shared CSS variables and design tokens in @lumina-borealis/core ensure absolute consistency across frameworks.
• Developer Experience: Fully typed with TypeScript, intuitive API, and excellent documentation.

📦 Packages

This repository is a monorepo containing the following packages:

| Package | Description | Version | | ------- | ----------- | ------- | | @lumina-borealis/core | Core CSS, design tokens, and utility classes. | | | @lumina-borealis/react | Native React UI components. | | | @lumina-borealis/vue | Native Vue UI components. | |

🚀 Quick Start

Depending on your framework of choice, install the core styles and the specific framework components:

For React

npm install @lumina-borealis/react

For Vue

npm install @lumina-borealis/vue

💻 Usage Example (React)

import React from 'react';
import '@lumina-borealis/core/src/index.css';
import { Button } from '@lumina-borealis/react';

function App() {
  return (
    <Button variant="primary">
      Hello Lumina Borealis!
    </Button>
  );
}

export default App;

🤝 Contributing

We welcome contributions! Please see our Contributing Guide for more details.

📄 License

MIT © Lumina Borealis