# Real Time components

> Implement instant updates with 5 real-time components for React, leveraging Tailwind CSS for responsive, live-interaction interfaces.

53 components available. Showing all of them below.

- [N8N Workflow Block](https://21st.dev/@moumensoliman/components/n8n-workflow-block-shadcnui.md) — by Moumen Soliman
- [Location Map](https://21st.dev/@Mazyar kawa/components/location-map.md) — by Mazyar kawa
- [Globe Live Badge](https://21st.dev/@shuding/components/cobe-globe-live.md) — by shuding
- [Mini Chart](https://21st.dev/@jatin-yadav05/components/mini-chart.md) — by Jatin Yadav
- [Live Sales Dashboard](https://21st.dev/@vaib215/components/live-sales-dashboard.md) — by Vaibhav Kumar Singh
- [System Monitor](https://21st.dev/@isaiahbjork/components/system-monitor.md) — by Isaiah
- [Live Feed](https://21st.dev/@aghasisahakyan1/components/live-feed.md) — by Erik X
- [Globe Analytics](https://21st.dev/@shuding/components/cobe-globe-analytics.md) — by shuding
- [Real time Analytics](https://21st.dev/@koustubhayadiyala36/components/real-time-analytics.md) — by Kousthubha Yadiyala
- [Google Drive Uploader Toast](https://21st.dev/@suraj-xd/components/google-drive-uploader-toast.md) — by Suraj Gaud
- [Chat Preview](https://21st.dev/@meenic/components/chat-preview.md) — by meenic
- [Waveform](https://21st.dev/@ElevenLabs-crawled/components/waveform.md) — by ElevenLabs
- [Dashboard Activities](https://21st.dev/@uniquesonu/components/dashboard-activities.md) — by Sonu
- [AI Agent Pipeline](https://21st.dev/@monolythdev/components/ai-agent-pipeline.md) — by Dani Raulisa
- [Flip Clock](https://21st.dev/@ruixen.ui/components/flip-clock.md) — by Ruixen UI
- [Animated Live Visitor](https://21st.dev/@hedevelope/components/live-visitor.md) — by Batuhan Can
- [Progress](https://21st.dev/@sean0205/components/progress/circle.md) — by Sean Hello
- [Prediction Market Card](https://21st.dev/@isaiahbjork/components/prediction-market-card.md) — by Isaiah
- [Crypto Swap Card](https://21st.dev/@moazamtrade/components/crypto-swap-card.md) — by shadway
- [Public Stats](https://21st.dev/@user_xn1cklas/components/public-stats.md) — by user_xn1cklas
- [Kinetic Log Stream](https://21st.dev/@dhileepkumargm/components/kinetic-log-stream.md) — by Dhileep Kumar GM
- [glass-clock](https://21st.dev/@kedhareswer.12110626/components/glass-clock.md) — by Kedhareswer Naidu
- [Crypto Dashboard](https://21st.dev/@reuno-ui/components/crypto-dashboard.md) — by reuno-ui
- [Progress](https://21st.dev/@sean0205/components/progress-1/circle.md) — by Sean Hello
- [Glass Real time crypto Chart](https://21st.dev/@moazamtrade/components/glass-real-time-crypto-chart.md) — by shadway
- [useDebounce](https://21st.dev/@serafimcloud/components/use-debounce.md) — by Serafim
- [Bar Visualizer](https://21st.dev/@ElevenLabs-crawled/components/bar-visualizer.md) — by ElevenLabs
- [Clock](https://21st.dev/@designali-in/components/clock.md) — by Ali Imam
- [Crypto Dashboard](https://21st.dev/@reuno-ui/components/crypto-dashboard/background-plus.md) — by reuno-ui
- [BeUI Number Animation](https://21st.dev/@saurabh10102/components/be-ui-number-animation.md) — by Saurabh Chauhan
- [System Status Block](https://21st.dev/@preetsuthar17/components/system-status-block.md) — by Preet Suthar
- [Flight Status Card](https://21st.dev/@ravikatiyar162/components/flight-status-card.md) — by Ravi Katiyar
- [Countdown Timer](https://21st.dev/@anubra266/components/countdown-timer/countdown-timer.md) — by Abraham
- [Notifications](https://21st.dev/@ruixen.ui/components/notifications.md) — by Ruixen UI
- [Live Waveform](https://21st.dev/@ElevenLabs-crawled/components/live-waveform.md) — by ElevenLabs
- [Waveform](https://21st.dev/@thegridcn/components/waveform.md) — by The Gridcn
- [Status Button](https://21st.dev/@ruixen.ui/components/status-button.md) — by Ruixen UI
- [Data Stream](https://21st.dev/@thegridcn/components/data-stream.md) — by The Gridcn
- [Slot Text](https://21st.dev/@DanielWhit21874/components/slot-text/numbers.md) — by DanielWhit21874
- [Relative Time](https://21st.dev/@haydenbleasel/components/relative-time.md) — by Hayden Bleasel
- [Relative Time](https://21st.dev/@haydenbleasel/components/relative-time/controlled-time.md) — by Hayden Bleasel
- [Relative Time](https://21st.dev/@haydenbleasel/components/relative-time/custom-date-format.md) — by Hayden Bleasel
- [Relative Time](https://21st.dev/@haydenbleasel/components/relative-time/custom-time-format.md) — by Hayden Bleasel
- [Number Ticker Real-Time Metrics Counter](https://21st.dev/@shadcnspace/components/number-ticker-05.md) — by ShadcnSpace
- [Terminal Card](https://21st.dev/@cnippet.dev/components/terminal-card.md) — by Cnippet
- [ReactionDiffusionGenesis](https://21st.dev/@dhileepkumargm/components/reaction-diffusion-genesis.md) — by Dhileep Kumar GM
- [Analog Clock Component](https://21st.dev/@uniquesonu/components/analog-clock-component.md) — by Sonu
- [Flip Clock](https://21st.dev/@satoriui/components/flip-clock.md) — by SatoriUI
- [Progress Tracker](https://21st.dev/@tool-ui/components/progress-tracker.md) — by Tool UI
- [Inline Loading Status](https://21st.dev/@cnippet.dev/components/v-spinner-7.md) — by Cnippet
- [AI Latency Meter](https://21st.dev/@elements-/components/latency-meter.md) — by Cameron Kelliher
- [Upstash Counter](https://21st.dev/@elements-/components/upstash-counter.md) — by Cameron Kelliher
- [Network Image](https://21st.dev/@pulkitxm/components/network-image.md) — by Pulkit

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