Chamaac UI

DocsComponentsFavouritesSponsor

  • Overview

    • Get Started
    • Components

  • Animated Icons

    • Icons Overview

  • Backgrounds

    • Light SpeedNew
    • SynthesisNew
    • Electric MistNew
    • Astral Flow
    • Nebula
    • Grid Bloom
    • Liquid Chrome
    • Waves
    • Interactive Grid

  • Inputs

    • AI Input

  • Sections

    • How It Works
    • Stats Cards
    • Feature Steps
    • Gauge

  • Buttons

    • Buttons Overview
    • Premium Button
    • Glowing Border
    • Shimmer Button
    • Slide Up Button
    • Focus Button
    • Neo Brutalist
    • Hover Arrow

  • Text Animations

    • Text Loop
    • Dancing Letters
    • Gif Text

  • Navigation

    • Dock

  • Carousels

    • Carousel

Light Speed

A Warp/Light-Speed hyperspace animation inspired by the Ducky3D Blender tutorial.

Light Speed

Customize

3
2.4
1000
25
150

Installation

npx shadcn@latest add https://chamaac.com/r/light-speed.json

Props

PropTypeDefaultDescription
classNamestring-Additional CSS classes for the container
speednumber2.4Warp speed multiplier
particleCountnumber1000Number of stars/streaks in the scene
lightColorstring"#b026ff"Base color of the emitted light streaks
intensitynumber3.0Glow multiplier to create HDR bloom
radiusnumber25Maximum radius of the particle spawns (tunnel width)
cylinderLengthnumber150Depth of the field before looping starts

Build with ❤️ by Amarnath Dhumal