@float-v/lite 💧

Universal Design System & State Foundation

@float-v/lite is the specialized client-side foundation of the Float-V ecosystem. It provides the essential tokens, UI primitives, and logic abstractions required for building high-fidelity experiences that bridge React Native (iOS/Android) and Web.

🚀 Key Modules

• Liquid Manifest: A design system specification based on physical motion physics, continuous corner radii (squircles), and refractive digital materiality.
• Component Primitives: Optimized UI components (LiquidCard, LiquidButton, LiquidInput) built with high-performance styling engines.
• State Interop: Lightweight state containers and persistence adapters compatible with mobile and web storage engines.
• Network Layer: Specialized client for real-time WebSocket synchronization and headless server communication.

📦 Installation

pnpm add @float-v/lite

🛠️ Liquid Design Tokens

The library exports a comprehensive set of tokens for consistent cross-platform styling:

import { LiquidTokens } from '@float-v/lite';

const styles = {
  card: {
    borderRadius: LiquidTokens.radii.lg,
    padding: LiquidTokens.spacing.md,
    backgroundColor: LiquidTokens.colors.surface,
  }
};

Developed by the Float-V core team. Optimized for universal performance.