# Border Beam components

> Upgrade your UI with 6 Border Beam components for React, featuring dynamic Tailwind CSS border effects.

29 components available. Showing all of them below.

- [Moving Border](https://21st.dev/@manuarora700/components/moving-border.md) — by Manu Arora
- [Border Beam](https://21st.dev/@dillionverma/components/border-beam.md) — by Dillion Verma
- [Shine Border](https://21st.dev/@dillionverma/components/shine-border.md) — by Dillion Verma
- [Shine Border](https://21st.dev/@designali-in/components/shine-border.md) — by Ali Imam
- [Border Trail](https://21st.dev/@ibelick/components/border-trail/with-form.md) — by Julien Thibeaut
- [Border Trail](https://21st.dev/@ibelick/components/border-trail/with-inpit.md) — by Julien Thibeaut
- [Moving Border](https://21st.dev/@phucbm/components/moving-border.md) — by Phuc Bui
- [Border Beam](https://21st.dev/@badtzx0/components/border-beam.md) — by badtz
- [Border Beam](https://21st.dev/@gooseui/components/border-beam.md) — by GooseUI
- [Gradient Button](https://21st.dev/@serafimcloud/components/gradient-button.md) — by Serafim
- [Sign In Card](https://21st.dev/@jatin-yadav05/components/sign-in-card-2.md) — by Jatin Yadav
- [Glowing Shadow](https://21st.dev/@designali-in/components/glowing-shadow.md) — by Ali Imam
- [Hover Border Gradient](https://21st.dev/@Shatlyk1011/components/hover-border-gradient.md) — by Shatlyk1011
- [Moving Dot Card](https://21st.dev/@minhxthanh/components/moving-dot-card.md) — by Le Thanh
- [Shine Border](https://21st.dev/@shadcnspace/components/shine-border.md) — by ShadcnSpace
- [Button Border](https://21st.dev/@designali-in/components/button-border.md) — by Ali Imam
- [Spotlight](https://21st.dev/@ibelick/components/spotlight/border-only.md) — by Julien Thibeaut
- [Gradient AI Chat Input](https://21st.dev/@isaiahbjork/components/gradient-ai-chat-input.md) — by Isaiah
- [Gradient Bold Card](https://21st.dev/@ruixen.ui/components/gradient-bold-card.md) — by Ruixen UI
- [Button Ui](https://21st.dev/@prebuiltui/components/button-ui/button-with-dual-border-animation.md) — by prebuiltui
- [Yield Card](https://21st.dev/@muhammad-binsalman/components/yield-card.md) — by M.bin Salman
- [Star Button](https://21st.dev/@badtzx0/components/star-button.md) — by badtz
- [Animated Review Card](https://21st.dev/@whyte25/components/animated-review-card/auto-rotation-review-card.md) — by whyte25
- [File Upload](https://21st.dev/@extend-hq/components/file-upload.md) — by extend-hq
- [Logo Cloud 15](https://21st.dev/@shadcnui-blocks/components/logo-cloud-15.md) — by Shadcn UI Blocks
- [Email Card](https://21st.dev/@jatin-yadav05/components/email-card.md) — by Jatin Yadav
- [Shine Border Stats Card](https://21st.dev/@shadcnspace/components/shine-border-04.md) — by ShadcnSpace
- [Shine Border Feature Card](https://21st.dev/@shadcnspace/components/shine-border-03.md) — by ShadcnSpace
- [File Upload](https://21st.dev/@educlopez/components/file-upload.md) — by Edu Calvo

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