# Streaming components

> Browse 8 Streaming components for React, styled with Tailwind CSS and ready for your Next.js project.

34 components available. Showing all of them below.

- [Response Stream](https://21st.dev/@ibelick/components/response-stream.md) — by Julien Thibeaut
- [AI Streaming Text](https://21st.dev/@elements-/components/streaming-text.md) — by Cameron Kelliher
- [Animated Text](https://21st.dev/@builduilabs/components/animated-text.md) — by Build UI
- [Globe Live Badge](https://21st.dev/@shuding/components/cobe-globe-live.md) — by shuding
- [Glassmorphism Listen App](https://21st.dev/@moumensoliman/components/glassmorphism-listen-app-block-shadcnui.md) — by Moumen Soliman
- [Spiral Loader](https://21st.dev/@serafimcloud/components/spiral-loader.md) — by Serafim
- [Tool Group](https://21st.dev/@serafimcloud/components/tool-group.md) — by Serafim
- [Tool Group](https://21st.dev/@serafimcloud/components/tool-group/streaming.md) — by Serafim
- [Kinetic Log Stream](https://21st.dev/@dhileepkumargm/components/kinetic-log-stream.md) — by Dhileep Kumar GM
- [Tool Group](https://21st.dev/@serafimcloud/components/tool-group/interrupted.md) — by Serafim
- [Streak Calendar](https://21st.dev/@trophyso/components/streak-calendar.md) — by trophyso
- [Spiral Loader](https://21st.dev/@serafimcloud/components/spiral-loader/sizes.md) — by Serafim
- [JSX Preview](https://21st.dev/@ibelick/components/jsx-preview.md) — by Julien Thibeaut
- [AI Agent Processing States](https://21st.dev/@arunjdass/components/ai-agent-processing-states.md) — by Arun Dass
- [Promo Card](https://21st.dev/@ravikatiyar162/components/promo-card.md) — by Ravi Katiyar
- [Markdown](https://21st.dev/@serafimcloud/components/markdown/streaming.md) — by Serafim
- [Markdown](https://21st.dev/@serafimcloud/components/markdown.md) — by Serafim
- [Text Shimmer](https://21st.dev/@serafimcloud/components/text-shimmer.md) — by Serafim
- [Markdown](https://21st.dev/@serafimcloud/components/markdown/tables-links.md) — by Serafim
- [Text Shimmer](https://21st.dev/@serafimcloud/components/text-shimmer/fast.md) — by Serafim
- [Send Button](https://21st.dev/@serafimcloud/components/send-button.md) — by Serafim
- [Text Shimmer](https://21st.dev/@serafimcloud/components/text-shimmer/delayed.md) — by Serafim
- [Reasoning](https://21st.dev/@aghasisahakyan1/components/reasoning.md) — by Erik X
- [Send Button](https://21st.dev/@serafimcloud/components/send-button/streaming.md) — by Serafim
- [Send Button](https://21st.dev/@serafimcloud/components/send-button/typing.md) — by Serafim
- [Response](https://21st.dev/@ElevenLabs-crawled/components/response.md) — by ElevenLabs
- [Todo Tool](https://21st.dev/@serafimcloud/components/todo-tool.md) — by Serafim
- [Data Stream](https://21st.dev/@thegridcn/components/data-stream.md) — by The Gridcn
- [Todo Tool](https://21st.dev/@serafimcloud/components/todo-tool/multiple-updates.md) — by Serafim
- [Todo Tool](https://21st.dev/@serafimcloud/components/todo-tool/pending-update.md) — by Serafim
- [Todo Tool](https://21st.dev/@serafimcloud/components/todo-tool/single-update.md) — by Serafim
- [AI Thinking](https://21st.dev/@preetsuthar17/components/ai-thinking.md) — by Preet Suthar
- [HLS Video Player](https://21st.dev/@joyco/components/hls-video-player.md) — by JOYCO
- [Water · Streaming](https://21st.dev/@paper-design/components/water-streaming.md) — by Paper Shaders

Full component directory: https://21st.dev/llms.txt