Thinking Steps
Collapsible AI reasoning steps with animated expand/collapse, per-step icons, sources, and nested details. Radix flavor.

- Library
- Fluid Functionalism
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @radix-ui/react-collapsible, lucide-react, motion
- Install
npx shadcn@latest add @fluid/thinking-steps- Files
registry/radix/thinking-steps.tsxregistry/default/lib/utils.tsregistry/default/lib/springs.tsregistry/default/lib/font-weight.tsregistry/default/lib/shape-context.tsxregistry/default/lib/size-context.tsxregistry/default/lib/type-scale.tsregistry/default/lib/icon-context.tsx
- Source
- https://github.com/mickadesign/fluid-functionalism
Categories
- AI Element Components
- React AI Element Components
- Tailwind CSS AI Element Components
- Animated AI Element Components
- Collapsible Components
- React Collapsible Components
- Tailwind CSS Collapsible Components
- Animated Collapsible Components
- Data Display Components
- React Data Display Components
- Tailwind CSS Data Display Components
- Animated Data Display Components