# Bubble components

> Add playful visual effects with 8 bubble components, perfect for React apps built with Tailwind CSS and Next.js.

13 components available. Showing all of them below.

- [Chat Interface](https://21st.dev/@tonyzebastian/components/chat-interface.md) — by Tony Sebastian
- [Chat Bubble](https://21st.dev/@jakobhoeg/components/chat-bubble.md) — by Jakob Hoeg Mørk
- [Chat Bubble](https://21st.dev/@kavikatiyar/components/chat-bubble.md) — by Kavi Katiyar
- [Voice Message Bubble](https://21st.dev/@ruixen.ui/components/voice-message-bubble.md) — by Ruixen UI
- [Health Stat Card](https://21st.dev/@ruixen.ui/components/health-stat-card.md) — by Ruixen UI
- [Floating Bubbles Background](https://21st.dev/@uniquesonu/components/floating-bubbles-background.md) — by Sonu
- [Bubble Animation](https://21st.dev/@designali-in/components/bubble-animation.md) — by Ali Imam
- [User Message](https://21st.dev/@serafimcloud/components/user-message.md) — by Serafim
- [User Message](https://21st.dev/@serafimcloud/components/user-message/with-image.md) — by Serafim
- [Bubble Background](https://21st.dev/@skyleen77/components/components-backgrounds-bubble.md) — by Elliot Sutton
- [Voronoi · Bubbles](https://21st.dev/@paper-design/components/voronoi-bubbles.md) — by Paper Shaders
- [Dot Orbit · Bubbles](https://21st.dev/@paper-design/components/dot-orbit-bubbles.md) — by Paper Shaders
- [Bubble Sketch](https://21st.dev/@xubohuah/components/bubble-sketch.md) — by KainXu

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