Alphin: A Modern React UI Component Library

Alphin is a React UI component library built as an extension of Ant Design (Antd) 5.x, designed to simplify the development workflow while delivering customizable user interfaces.

✨ Key Features

• Built on Ant Design: Leverage the power of Antd 5.x with seamless integration and compatibility.
• Enhanced Theming: Alphin takes Antd's theming CSS-in-JS, enabling dynamic and flexible customization.
• Custom Components: A curated set of additional components to complement Antd's existing library.
• Responsive Design: Build applications that look great on any device, from desktops to mobiles.
• Developer-Friendly: Intuitive APIs, comprehensive documentation, and TypeScript support.

🎨 Enhanced Theming Capabilities

With Alphin, you can:

• Extend Antd's default themes with custom styles and variables.
• Use CSS-in-JS for dynamic theming and runtime theme switching.
• Create nested themes for specific components or sections of your app.
• Seamlessly integrate with popular CSS-in-JS libraries like Emotion or Styled Components.

🛠 Getting Started

To start using Alphin in your project, simply install it via npm:

npm install alphin

Then, import the components you need and start building:

import { Button, ThemeProvider } from 'alphin';

function App() {
  return (
    <ThemeProvider theme={myCustomTheme}>
      <Button>Click Me</Button>
    </ThemeProvider>
  );
}

📚 Documentation

Explore our comprehensive documentation to learn more about Alphin’s components, theming, and advanced features:
Alphin Documentation