@aristobyte-ui/utils

A collection of shared utility functions for AristoByte projects, designed to provide reusable helpers, streamline common operations, and ensure consistency across applications and packages.

📦 Installation

# Install via Yarn
yarn add -D @aristobyte-ui/utils

# Or via npm
npm install -D @aristobyte-ui/utils

# Or via pnpm
pnpm add -D @aristobyte-ui/utils

🛠 Usage

import { Icons } from '@aristobyte-ui/utils';

export const Demo = () => (
  <div>
    <Icons.PaperCode size={18} color="#51a2ff" />
  </div>
);

| Prop | Type | Default | Description | | | - | -- | -- | | size | number | 24 | Defines the spinner animation style | | color | "#000000", "#24f7b2", Any hex color |

📊 Why This Matters

• Performance-first: Engineered with lightweight, GPU-accelerated CSS keyframes for smooth, non-blocking animations.
• Fully typed: TypeScript-first API ensures strict type safety and predictable integration across multiple projects.
• AristoByteUI ready: Fully interoperable with AristoByte’s design tokens, semantic color palette, and styling architecture.
• Flexible: Supports multiple animation types, semantic variants, and responsive sizing to fit any UI scenario.

🏆 Philosophy

• Modular architecture: Components are built for maximum reusability and composability.
• Declarative styling: SCSS modules maintain a clean separation of concerns while leveraging design tokens.
• Strict typing & runtime flexibility: Type-safe props with optional runtime overrides.
• Developer experience optimized: Intuitive API with predictable behavior and minimal setup.

📜 License

MIT © AristoByte

🛡 Shields Showcase