# Beam components

> Illuminate your UI with 15 beam-inspired React components, using Tailwind CSS to create dynamic visual effects for Next.js apps.

22 components available. Showing all of them below.

- [Pulse Beams](https://21st.dev/@manuarora700/components/pulse-beams.md) — by Manu Arora
- [Animated Beam](https://21st.dev/@dillionverma/components/animated-beam.md) — by Dillion Verma
- [Energy Beam](https://21st.dev/@sensewood8/components/energy-beam.md) — by Saifullah Channa
- [Tracing Beam](https://21st.dev/@manuarora700/components/tracing-beam.md) — by Manu Arora
- [Timeline](https://21st.dev/@manuarora700/components/timeline.md) — by Manu Arora
- [Beams Background](https://21st.dev/@kokonutd/components/beams-background.md) — by Kokonut Baffier
- [Background Beams](https://21st.dev/@manuarora700/components/background-beams.md) — by Manu Arora
- [Ethereal Beams Hero](https://21st.dev/@muhammad-binsalman/components/ethereal-beams-hero.md) — by M.bin Salman
- [Cybercore Section hero](https://21st.dev/@dhileepkumargm/components/cybercore-section-hero.md) — by Dhileep Kumar GM
- [Background Beams With Collision](https://21st.dev/@manuarora700/components/background-beams-with-collision.md) — by Manu Arora
- [Aurora Section hero](https://21st.dev/@dhileepkumargm/components/aurora-section-hero.md) — by Dhileep Kumar GM
- [Background Grid Beam](https://21st.dev/@minhxthanh/components/background-grid-beam.md) — by Le Thanh
- [Cover](https://21st.dev/@manuarora700/components/cover.md) — by Manu Arora
- [Waitlist Landing Page with Countdown Timer](https://21st.dev/@muhammad-binsalman/components/waitlist-landing-page-with-countdown-timer.md) — by M.bin Salman
- [Border Beam](https://21st.dev/@gooseui/components/border-beam.md) — by GooseUI
- [Border Beam Search](https://21st.dev/@Jakubantalik/components/border-beam-search.md) — by Jakub Antalik
- [Beam Sweep Field](https://21st.dev/@nexus-ui/components/beam-sweep-field.md) — by Nexus UI
- [Border Beam](https://21st.dev/@Jakubantalik/components/border-beam.md) — by Jakub Antalik
- [Grid Beam](https://21st.dev/@cult-ui/components/grid-beam.md) — by cult/ui
- [Border Beam Button](https://21st.dev/@Jakubantalik/components/border-beam-button.md) — by Jakub Antalik
- [laser focus](https://21st.dev/@jorgevarelarz/components/laser-focus.md) — by jorgevarelarz
- [Beam Marker](https://21st.dev/@thegridcn/components/beam-marker.md) — by The Gridcn

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