# Bubble React components, live previews & code, EneUI Browse 19 Bubble React and shadcn components: live preview, full source and a one-line install command for each. Copy into your project or hand it to your AI agent. > Page: https://ui.eneawork.it/components/cat/bubble > Markdown: https://ui.eneawork.it/components/cat/bubble.md **Components:** 19 ## Highlights - [chat-bubble](https://ui.eneawork.it/comp/21st-jakobhoeg/chat-bubble), 21st-jakobhoeg - [chat-bubble](https://ui.eneawork.it/comp/21st-kavikatiyar/chat-bubble), 21st-kavikatiyar - [health-stat-card](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/health-stat-card), 21st-ruixen.ui--ruixen-ui - [voice-message-bubble](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/voice-message-bubble), 21st-ruixen.ui--ruixen-ui - [components-backgrounds-bubble](https://ui.eneawork.it/comp/21st-skyleen77--animate-ui/components-backgrounds-bubble), 21st-skyleen77--animate-ui - [floating-bubbles-background](https://ui.eneawork.it/comp/21st-uniquesonu/floating-bubbles-background), 21st-uniquesonu - [astro-bubble-hero](https://ui.eneawork.it/comp/21st-kedhareswer--astro-association/astro-bubble-hero), 21st-kedhareswer--astro-association - [bubble-animation](https://ui.eneawork.it/comp/21st-designali-in/bubble-animation), 21st-designali-in - [bubble6](https://ui.eneawork.it/comp/21st-bundui--bundui/bubble6), 21st-bundui--bundui - [c-message-3](https://ui.eneawork.it/comp/21st-sean0205--reui/c-message-3), 21st-sean0205--reui - [bubble-sketch](https://ui.eneawork.it/comp/21st-xubohuah/bubble-sketch), 21st-xubohuah - [astro-mission-band](https://ui.eneawork.it/comp/21st-kedhareswer--astro-association/astro-mission-band), 21st-kedhareswer--astro-association ## FAQ ### How many React Bubble components are there? 19 Bubble components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a Bubble component to my project? Open a component and hit Copy code (or Install) to drop the source into your components folder, or run npx shadcn add "" with the command shown on the page. ### Are they free? Yes, browsing is always free and copying runs on a free daily quota; Premium removes the limit. ### Do they work with Next.js and Tailwind? Yes, React components styled with Tailwind and shadcn/ui, compatible with Next.js, Vite and CRA. ## Related - [All categories](/components) - [Libraries](/libraries)