@hsuite/native-connect-ui

Production-ready Angular/Ionic UI component library with 80+ components organized by Atomic Design, 27 dynamic themes, and comprehensive Storybook documentation.

Installation

npm install @hsuite/native-connect-ui

Quick Start

import { Component } from '@angular/core';
import { HsuiteButtonComponent, HsuiteCardComponent } from '@hsuite/native-connect-ui';

@Component({
  selector: 'app-example',
  standalone: true,
  imports: [HsuiteButtonComponent, HsuiteCardComponent],
  template: `
    <hsuite-card>
      <hsuite-button variant="primary" (click)="handleClick()"> Connect Wallet </hsuite-button>
    </hsuite-card>
  `,
})
export class ExampleComponent {
  handleClick() {
    console.log('Button clicked');
  }
}

Features

• 80+ Components - Buttons, inputs, badges, cards, modals, headers, navigation
• Atomic Design - Organized into atoms, molecules, and organisms
• 27 Themes - Dark, Light, Cyberpunk, Nord, Matrix, and more with real-time switching
• Storybook - Interactive documentation at localhost:6006
• Angular 20 + Ionic 8 - Modern framework integration

Documentation

• Full Documentation
• UI Library Guide
• Theming System

License

Apache-2.0 - See LICENSE