# Canvas components

> Unlock creative potential using 44 canvas UI components for React, styled with Tailwind CSS for dynamic Next.js sites.

146 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/canvas.

- [Interactive Canvas](https://21st.dev/@designali-in/components/interactive-canvas.md) — by Ali Imam
- [Animated Canvas](https://21st.dev/@designali-in/components/animated-canvas.md) — by Ali Imam
- [Smooth Wavy Canvas](https://21st.dev/@uilayout.contact/components/smooth-wavy-canvas.md) — by UI Layouts
- [Image Sequence](https://21st.dev/@joyco/components/image-sequence.md) — by JOYCO
- [AI prompt Box](https://21st.dev/@easemize/components/ai-prompt-box.md) — by Hossain Jahed
- [ParticleTextEffect](https://21st.dev/@xubohuah/components/particle-text-effect.md) — by KainXu
- [SpiralAnimation](https://21st.dev/@xubohuah/components/spiral-animation.md) — by KainXu
- [Vapour Text Effect](https://21st.dev/@jatin-yadav05/components/vapour-text-effect.md) — by Jatin Yadav
- [Canvas](https://21st.dev/@designali-in/components/canvas.md) — by Ali Imam
- [Wavy Background](https://21st.dev/@manuarora700/components/wavy-background.md) — by Manu Arora
- [Flow Field Background](https://21st.dev/@easemize/components/flow-field-background.md) — by Hossain Jahed
- [Particles](https://21st.dev/@dillionverma/components/particles.md) — by Dillion Verma
- [Interactive Globe](https://21st.dev/@dev.yadhakim/components/interactive-globe.md) — by Yad Hakim
- [Wave Background](https://21st.dev/@xubohuah/components/wave-background.md) — by KainXu
- [Vortex Background](https://21st.dev/@manuarora700/components/vortex.md) — by Manu Arora
- [particle effect for hero](https://21st.dev/@avanishverma4/components/particle-effect-for-hero.md) — by Awanish Verma
- [Hero Scrub](https://21st.dev/@jean.duthil13/components/hero-scrub.md) — by Jean Duthil
- [Ink Reveal](https://21st.dev/@aayush-duhan/components/ink-reveal.md) — by Aayush duhan
- [Pixel perfect Hero](https://21st.dev/@easemize/components/pixel-perfect-hero.md) — by Hossain Jahed
- [Entropy](https://21st.dev/@xubohuah/components/entropy.md) — by KainXu
- [Dynamic Wave Canvas Background](https://21st.dev/@minhxthanh/components/dynamic-wave-canvas-background.md) — by Le Thanh
- [Pixel Canvas](https://21st.dev/@serafimcloud/components/pixel-canvas.md) — by Serafim
- [Pixel Logo Grid](https://21st.dev/@smammar100/components/pixel-logo-grid.md) — by Syed Mohammad Ammar
- [Canvas Reveal Effect](https://21st.dev/@manuarora700/components/canvas-reveal-effect.md) — by Manu Arora
- [Animated Hero Section](https://21st.dev/@uniquesonu/components/animated-hero-section.md) — by Sonu
- [Interactive Text Particle](https://21st.dev/@easemize/components/interactive-text-particle.md) — by Hossain Jahed
- [Isometric Wave Grid Background](https://21st.dev/@easemize/components/isometric-wave-grid-background.md) — by Hossain Jahed
- [Particles BG](https://21st.dev/@m.umairwaheedansari/components/particles-bg.md) — by Umair Waheed
- [Cursor Driven Particles Typography](https://21st.dev/@harshjadhavconnect/components/cursor-driven-particles-typography.md) — by Harsh Jadhav
- [ASMR background](https://21st.dev/@ashishrajwaniai01/components/asmr-background.md) — by ashish rajwani
- [Stars Background](https://21st.dev/@manuarora700/components/stars-background.md) — by Manu Arora
- [Canvas Effect](https://21st.dev/@designali-in/components/canvas-effect.md) — by Ali Imam
- [Starfield](https://21st.dev/@designali-in/components/starfield-1.md) — by Ali Imam
- [Magic Text Reveal](https://21st.dev/@jatin-yadav05/components/magic-text-reveal.md) — by Jatin Yadav
- [Balloons Pop background](https://21st.dev/@ashishrajwaniai01/components/balloons-pop-background.md) — by ashish rajwani
- [Playing Card](https://21st.dev/@maxim.bort.devel/components/playing-card.md) — by Maxim Bortnikov
- [Glitchy 404](https://21st.dev/@isaiahbjork/components/glitchy-404-1.md) — by Isaiah
- [Text Particle](https://21st.dev/@designali-in/components/text-particle.md) — by Ali Imam
- [Space Background](https://21st.dev/@designali-in/components/space-background.md) — by Ali Imam
- [Dot Sphere](https://21st.dev/@designali-in/components/dot-sphere.md) — by Ali Imam
- [Interactive Particle Typography](https://21st.dev/@minhxthanh/components/interactive-particle-typography-1.md) — by Le Thanh
- [Particle Canvas](https://21st.dev/@designali-in/components/particle-canvas-1.md) — by Ali Imam
- [Bouncing Balls](https://21st.dev/@designali-in/components/bouncing-balls.md) — by Ali Imam
- [Stars Canvas](https://21st.dev/@designali-in/components/stars-canvas.md) — by Ali Imam
- [Mini bg Aurora](https://21st.dev/@dhileepkumargm/components/ambient-aurora.md) — by Dhileep Kumar GM
- [GridGlowBackground](https://21st.dev/@dhileepkumargm/components/grid-glow-background.md) — by Dhileep Kumar GM
- [ParticleTextCanvas](https://21st.dev/@dhileepkumargm/components/particle-text-canvas.md) — by Dhileep Kumar GM
- [DigitalLoomBackground](https://21st.dev/@dhileepkumargm/components/digital-loom-background.md) — by Dhileep Kumar GM
- [Retro Grid](https://21st.dev/@waleedkibhen/components/retro-grid.md) — by wisedev
- [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-grid-purple-ascenttsx.md) — by 21st Indexer
- [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-grid-blur-mint-masked-noise.md) — by 21st Indexer
- [Particle Animation](https://21st.dev/@designali-in/components/particle-animation.md) — by Ali Imam
- [Retro Space Shooter GitHub Calendar](https://21st.dev/@jahirulislamrayhan07/components/retro-space-shooter-git-hub-calendar.md) — by Jahirul Islam
- [Kinetic Grid](https://21st.dev/@satoriui/components/kinetic-grid.md) — by SatoriUI
- [Orbiting Circles with Globe](https://21st.dev/@shadcnspace/components/orbiting-circles-02.md) — by ShadcnSpace
- [Color Picker](https://21st.dev/@designali-in/components/color-picker.md) — by Ali Imam
- [Interactive Dots](https://21st.dev/@designali-in/components/interactive-dots-1.md) — by Ali Imam
- [VaporizeAnimationText](https://21st.dev/@xubohuah/components/vaporize-animation-text.md) — by KainXu
- [Wavy](https://21st.dev/@bundui/components/wavy.md) — by Shadcn UI Kit
- [Smoke Effect](https://21st.dev/@jatin-yadav05/components/smoke-card.md) — by Jatin Yadav

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