Galaxy UIUniversal Component Library

Quick Start ​

# Initialize your project
npx galaxy-design@latest init

# Add components
npx galaxy-design@latest add button input dialog

# Initialize your project
pnpm dlx galaxy-design@latest init

# Add components
pnpm dlx galaxy-design@latest add button input dialog

# Initialize your project
yarn dlx galaxy-design@latest init

# Add components
yarn dlx galaxy-design@latest add button input dialog

# Initialize your project
bunx galaxy-design@latest init

# Add components
bunx galaxy-design@latest add button input dialog

Platform Support ​

Web Frameworks ​

<script setup lang="ts">
import { Button } from '@/components/ui/button'
</script>

<template>
  <Button variant="default">Click me</Button>
</template>

import { Button } from "@/components/ui/button"

export default function App() {
  return <Button variant="default">Click me</Button>
}

import { Component } from '@angular/core';
import { ButtonComponent } from '@/components/ui/button';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [ButtonComponent],
  template: `<ui-button variant="default">Click me</ui-button>`
})
export class AppComponent {}

Mobile Platforms ​

import { Button } from '@/components/ui/button'

export default function App() {
  return (
    <Button variant="default">
      <ButtonText>Click me</ButtonText>
    </Button>
  )
}

import 'package:flutter/material.dart';
import 'package:your_app/components/ui/button.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Button(
      variant: ButtonVariant.defaultVariant,
      onPressed: () {},
      child: Text('Click me'),
    );
  }
}

Why Galaxy UI? ​

🎯 Universal Platform Support ​

Choose your favorite framework - web or mobile. We support Vue 3, React, Angular, React Native, and Flutter with the same beautiful components.

📱 Web to Mobile ​

197 component implementations across 5 platforms:

• Web: 41 components × 3 frameworks = 123 implementations (Vue 3, React 18+, Angular 18+)
• Mobile: 37 components × 2 platforms = 74 implementations (React Native with NativeWind v4, Flutter with Material 3)

🔓 You Own The Code ​

Unlike npm packages, you copy the component code directly into your project. Modify it as you need. No version conflicts. No black-box dependencies.

♿ Accessibility First ​

Built on battle-tested Radix primitives for web (Radix UI, Radix Vue, Radix NG). WCAG 2.1 compliant with keyboard navigation, focus management, and screen reader support.

🎨 Fully Customizable ​

Every component uses Tailwind CSS with CSS variables (web), NativeWind v4 (React Native), or Material 3 theming (Flutter). Easy to customize colors, spacing, and styles to match your brand.

Inspired By The Best ​

Galaxy UI stands on the shoulders of giants:

• Radix UI - Unstyled, accessible React components
• Radix Vue - Radix primitives for Vue
• Radix NG - Radix primitives for Angular
• shadcn/ui - Copy-paste React components
• shadcn-vue - Copy-paste Vue components
• Tailwind CSS - Utility-first CSS framework

Author ​

Created by Bùi Trọng Hiếu (kevinbui)

• GitHub: @buikevin
• Email: kevinbui210191@gmail.com
• Repository: buikevin/galaxy-design

License ​

MIT © 2025 Bùi Trọng Hiếu (kevinbui)