spacerun-ui

A modern React component library with space-themed design system built with TypeScript and Tailwind CSS.

Features

• 🚀 Space-themed design system - Unique cosmic aesthetic
• ⚡ TypeScript first - Full type safety and IntelliSense
• 🎨 Tailwind CSS - Utility-first styling with custom variants
• 📦 Tree-shakable - Only import what you need
• 🎯 Accessible - Built with accessibility in mind
• 🔧 Customizable - Easy to theme and extend

Installation

npm install spacerun-ui

Usage

Basic Button

import { Button } from 'spacerun-ui'

function App() {
  return (
    <Button variant="default" size="lg">
      Launch into Space
    </Button>
  )
}

Button Variants

import { Button } from 'spacerun-ui';

// Space-themed default variant
<Button variant="default">Cosmic Button</Button>

// Classic variants
<Button variant="solid">Solid Button</Button>
<Button variant="outline">Outline Button</Button>
<Button variant="ghost">Ghost Button</Button>
<Button variant="link">Link Button</Button>
<Button variant="destructive">Destructive Button</Button>

Button Sizes

<Button size="sm">Small</Button>
<Button size="default">Default</Button>
<Button size="lg">Large</Button>
<Button size="icon">Icon Only</Button>

Individual Component Imports

For better tree-shaking, you can import components individually:

import { Button } from 'spacerun-ui/button'

Development

Setup

npm install

Development Server

npm run dev

Build Library

npm run build

Build Demo

npm run build:demo

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.