New:Introducing Socket Scanning for VS Code Marketplace Extensions.Learn more →

Get Started

@unicornlove/ui

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Package was removed

Sorry, it seems this package was removed from the registry

@unicornlove/ui

Comprehensive UI component library for Tamagui and Expo

latest

Source

npm

Version: 1.0.1

Version published: 11 months ago

Maintainers: 1

Created: 11 months ago

Source

@unicornlove/ui

Comprehensive UI component library for Tamagui and Expo, supporting iOS, Android, and web platforms.

Installation

npm install @unicornlove/ui
# or
pnpm add @unicornlove/ui
# or
yarn add @unicornlove/ui

Peer Dependencies

This package requires the following peer dependencies:

react >= 18.0.0
react-native >= 0.74.0 (optional, for React Native)
expo >= 51.0.0 (optional, for Expo)
tamagui >= 1.138.0
@tamagui/core >= 1.138.0
react-hook-form >= 7.0.0
zod >= 3.0.0

Quick Start

import { Button, Card, Input } from '@unicornlove/ui'

function App() {
  return (
    <Card>
      <Input placeholder="Enter text..." />
      <Button>Click me</Button>
    </Card>
  )
}

Local Development

For local development with the package linked to your project:

Linking the Package

In the @unicornlove/ui repository:
```
pnpm link --global
```
In your consuming project (e.g., SCF-Scaffald):
```
pnpm link --global @unicornlove/ui
```

Watch mode for development:

# In @unicornlove/ui directory
pnpm build --watch

Unlinking

To unlink and use the published version:

# In your consuming project
pnpm unlink --global @unicornlove/ui && pnpm install

Theming

The package includes a configurable theme system. Use the default scaffald theme or customize it:

import { createUIConfig } from '@unicornlove/ui'

// Customize theme colors
const customConfig = createUIConfig({
  theme: {
    colors: {
      teal: {
        light: {
          teal8: '#your-custom-teal',
        },
      },
    },
  },
})

See Theming Guide for detailed customization options.

Components

The package exports a wide variety of components:

Forms: Input, Checkbox, Radio, PhoneNumberInput, ToggleSwitch, etc.
Layout: Card, Stack, Sheet, Dialog, Modal, etc.
Navigation: Breadcrumb, Tabs, Accordion, etc.
Data Display: Charts, Tables, Lists, etc.
Feedback: Toast, Spinner, Loading states, etc.
And many more...

See API Reference for complete component documentation.

Platform Support

✅ iOS
✅ Android
✅ Web

Type Definitions

The package includes TypeScript definitions and exports types for geographic and phone utilities:

import type { Boundary, Coordinate } from '@unicornlove/ui/types/geographic'
import { formatPhoneNumber, isValidPhoneNumber } from '@unicornlove/ui/types/phone'