Kaleidoscopic

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

Installation

npm install @reactbytes/kaleidoscopic

Usage

import { Kaleidoscopic } from "@reactbytes/kaleidoscopic";

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

Properties

| Prop | Type | Default | Description | | :--- | :--- | :--- | :--- | | iterations | number | 4 | Number of domain folding iterations (detail level). | | scale | number | 1.3 | Scale factor for the space fold. | | timeMultiplier | number | 1 | Speed multiplier for the animation. | | rotationSpeed | number | 0.05 | Speed of the overall rotation. | | glowIntensity | number | 0.012 | Base intensity of the glow effect. | | waveFrequency | number | 8 | Frequency of the sine wave modulation. |

Presets

This component includes the following design presets:

• Default Neon (default)
• Cyberpunk (cyberpunk)
• Gold Elegance (gold)
• Deep Void (void)

Credits & Inspiration

Component Source

• ChandruMIT-o - Design & Development

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