Thinking Indicator
Animated loading indicator with morphing SVG path (circle to infinity loop) and shimmer text rotation. Cycles through customizable status words.
- Library
- Fluid Functionalism
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- motion
- Install
npx shadcn@latest add @fluid/thinking-indicator- Files
registry/default/thinking-indicator.tsxregistry/default/lib/utils.tsregistry/default/lib/font-weight.tsregistry/default/lib/size-context.tsxregistry/default/lib/type-scale.tslib/type-scale.tslib/utils.tslib/font-weight.ts
- Source
- https://github.com/mickadesign/fluid-functionalism
Categories
- AI Element Components
- React AI Element Components
- Tailwind CSS AI Element Components
- Animated AI Element Components
- Animated Text Components
- React Animated Text Components
- Tailwind CSS Animated Text Components
- Feedback Components
- React Feedback Components
- Tailwind CSS Feedback Components
- Animated Feedback Components
- Text Components