Malakor Singularity

A premium, modular React component from the React Bytes collection. Built with React and TypeScript.

Installation

npm install @reactbytes/malakor-singularity

Usage

import { MalakorSingularity } from "@reactbytes/malakor-singularity";

export default function Example() {
  return (
    <MalakorSingularity />
  );
}

Properties

| Prop | Type | Default | Description | | :--- | :--- | :--- | :--- | | hoverColor | color | #0b52ff | Hex color representing the electric kinetic friction cursor trail. | | baseColor | color | #ffffff | Hex color representing the background noise/singularity base intensity. | | speed | number | 1 | Animation/time modulation speed multiplier. | | complexity | number | 24 | The detail level of the fractal spiral iterations. | | noiseStrength | number | 1 | Amplitude of the spatial distortion noise. | | mouseSpring | number | 0.085 | Interpolation factor for mouse follow speed. | | hoverSensitivity | number | 1.5 | Sensitivity of the hover velocity pulse effect. | | singularityPower | number | 5 | Exponent controlling the radial falloff / core density. |

Presets

This component includes the following design presets:

• Electric Blue (Default) (default)
• Xenon Purple (purple)
• Aether Green (green)
• Solar Flare (solar-flare)
• Deep Void (deep-void)

Credits & Inspiration

Project Author

• ChandruMIT-o - Creator & Lead Designer

Libraries

• WebGL - Graphics Pipeline

For interactive playgrounds, customizable controls, and code copy-pasting, visit the full showcase page at React Bytes - Malakor Singularity.