Back to components
ComponentAI & ChatFree
Neural Pulse Loader React component
A neural-inspired loader with connected nodes, expanding pulse rings and a reduced-motion fallback.
About the Neural Pulse Loader component
A neural-inspired loader with connected nodes, expanding pulse rings and a reduced-motion fallback.
Installation
Add the Neural Pulse Loader component to your project with the shadcn CLI. It lands in components/neural-pulse-loader.tsx as plain React + Tailwind CSS source you own and can edit.
Install
Copied!
npx shadcn@latest add @reactframe/neural-pulse-loaderOr copy the source by hand and install its dependencies:
Install
Copied!
npm install motion lucide-react clsx tailwind-mergeProps
<NeuralPulseLoader /> accepts 5 props, all optional.
| Prop | Type | Default |
|---|---|---|
| label | string | "Connecting the dots" |
| description | string | "Finding the signal in your context." |
| active | boolean | true |
| theme | "dark" | "light" | "dark" |
| className | string | — |
- labelstringDefault: "Connecting the dots"
- descriptionstringDefault: "Finding the signal in your context."
- activebooleanDefault: true
- theme"dark" | "light"Default: "dark"
- classNamestring
npm dependencies
Installed for you by the shadcn CLI.
