No description
|
|
||
|---|---|---|
| .forgejo/workflows | ||
| src | ||
| test | ||
| .gitignore | ||
| .npmrc | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
| tsconfig.tsbuildinfo | ||
| vitest.config.ts | ||
@lilith/ui-spaceship
Spaceship-themed UI component library for sci-fi interfaces.
Features
- 300+ Icons: Complete sci-fi/spaceship icon set
- 30+ Components: Terminal windows, spaceship buttons, glassmorphism panels, particle effects, 3D containers
- Theme System: Complete spaceship color palette and effects
- Animation Engine: Sequencing, state management, and position management
- Custom Typography: Spaceship fonts and typography utilities
- Layouts: AppShell, sidebars, headers, status bars
Installation
pnpm add @lilith/ui-spaceship
Usage
import { SpaceshipButton, SpaceshipTerminal } from '@lilith/ui-spaceship'
import { ThemeProvider } from '@lilith/ui-spaceship/theme'
import { RocketShipIcon } from '@lilith/ui-spaceship/icons'
function App() {
return (
<ThemeProvider>
<SpaceshipButton icon={<RocketShipIcon />}>
Launch
</SpaceshipButton>
<SpaceshipTerminal />
</ThemeProvider>
)
}
Components
See src/components/ for all available components.
Icons
See src/icons/ for the complete icon set (300+ icons).
Theme
The spaceship theme includes:
- Sci-fi color palettes
- Glow effects and animations
- Custom fonts
- Glass morphism utilities
Originally From
Migrated from infrastructure/service-registry/packages/spaceship-ui to become a proper workspace package.