Beta UI

🚀 Overview

Beta UI is a lightweight and modern UI component library designed for React and Next.js applications. It offers a set of elegant and customizable components to accelerate your development process while maintaining design consistency.

🔗 Live Demo: Beta UI Website

✨ Features

• 🎨 Modern, Minimalist Design – Beautiful and clean aesthetics
• 🌗 Dark Mode Support – Adaptive components for light and dark themes
• 📱 Fully Responsive – Optimized for all screen sizes
• ⚡️ Built with React & Next.js – Seamless integration with modern frameworks
• 🎯 TypeScript Support – Strongly typed components for better development
• 🔧 Easy Customization – Modify themes and styles to fit your project

📦 Installation

You can install Beta UI using npm or yarn:

npm install @brightcodeui/beta-ui
# or
yarn add @brightcodeui/beta-ui

🛠️ Usage

Import and use components in your project:

import { Button } from '@brightcodeui/beta-ui';

function App() {
  return (
    <div>
      <Button color="red">Click Me</Button>
    </div>
  );
}

export default App;

📖 Documentation

For detailed usage, component examples, and API references, check out the official Beta UI Documentation.

📌 Components

Beta UI provides a variety of components to help you build beautiful interfaces:

• Buttons – Multiple variants with customizable styles
• Cards – Elegant and responsive card layouts
• Modals – Smooth animations for pop-up dialogs
• Inputs & Forms – Clean and accessible form components
• Tooltips – Interactive tooltips for enhanced UX
• Typography – Predefined text styles for consistency
• Toast Alerts – Non-intrusive notifications

Explore all components in the Beta UI Documentation.

💡 Customization

Beta UI allows you to customize components using props and themes. Override default styles easily with:

<Button color="red" className="text-green-500">
  Custom Button
</Button>

Beta UI automatically adapts to your theme settings.

🌍 Browser & Framework Support

• Browsers: Chrome, Firefox, Safari, Edge
• Frameworks: React 17+, Next.js 12+, Vite
• Bundlers: Webpack, Rollup, ESBuild

🤝 Contributing

We welcome contributions to improve Beta UI! To contribute:

1. Fork the repository
2. Clone it: git clone https://github.com/brightphi210/brightui.git
3. Install dependencies: npm install or yarn install
4. Create a new branch: git checkout -b feature-name
5. Make changes and commit: git commit -m "Add new feature"
6. Push and create a Pull Request

Read the Contribution Guide for more details.

📜 License

Beta UI is open-source and licensed under the MIT License.

📬 Stay Connected

Follow us for updates and announcements:

• 📘 Twitter: @BetaUI
• 📙 GitHub: Beta UI Repo
• 📗 Telegram: Join our Community

🚀 Start Building with Beta UI Today!