Astra

Ghost Fibers

Layered ribbons of fine glowing fibers that twist, fold and drift through soft depth of field.

Ghost Fibers, a Astra component

Use Ghost Fibers in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/GhostFibers-TS-TW
How to install Astra components

Related components

  • Floating Lines

    Ribbons of fine glowing lines that drift in waves, part around the cursor and curl when clicked.

  • Liquid Chrome

    Soft ribbons of liquid chrome that swirl through a dark pool, ripple under the cursor and catch the light as it moves.

  • Plasma Wave

    Two ribbons of plasma curling through each other, with soft glow and white-hot cores.