# Border components > Highlight your UI elements with 27 React border components, leveraging Tailwind CSS for refined outlines and accents in Next.js. 84 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/border. - [Moving Border](https://21st.dev/@manuarora700/components/moving-border.md) — by Manu Arora - [Animated Gradient Border](https://21st.dev/@easemize/components/animated-gradient-border.md) — by Hossain Jahed - [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.md) — by Julien Thibeaut - [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 - [Electric Card](https://21st.dev/@dhileepkumargm/components/electric-card.md) — by Dhileep Kumar GM - [Border Beam](https://21st.dev/@gooseui/components/border-beam.md) — by GooseUI - [Glowing Effect](https://21st.dev/@manuarora700/components/glowing-effect.md) — by Manu Arora - [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 - [Liquid Metal Button](https://21st.dev/@johuniq/components/liquid-metal-button.md) — by johuniq - [Tabs](https://21st.dev/@originui/components/tabs/vertical-tabs.md) — by Origin UI - [Tabs](https://21st.dev/@originui/components/tabs/with-line.md) — by Origin UI - [Logo Cloud 2](https://21st.dev/@sshahaider/components/logo-cloud-2.md) — by Efferd - [Rainbow Borders Button](https://21st.dev/@muhammad-binsalman/components/rainbow-borders-button.md) — by M.bin Salman - [Hover Border Gradient](https://21st.dev/@Shatlyk1011/components/hover-border-gradient.md) — by Shatlyk1011 - [Animated Glow Card](https://21st.dev/@easemize/components/animated-glow-card.md) — by Hossain Jahed - [Hover Border Gradient](https://21st.dev/@manuarora700/components/hover-border-gradient.md) — by Manu Arora - [Moving Dot Card](https://21st.dev/@minhxthanh/components/moving-dot-card.md) — by Le Thanh - [Background Gradient](https://21st.dev/@manuarora700/components/background-gradient.md) — by Manu Arora - [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 - [Button](https://21st.dev/@ekmas/components/button/button-demo.md) — by Samuel Breznjak - [Gradient Borders Button](https://21st.dev/@Shatlyk1011/components/gradient-borders-button.md) — by Shatlyk1011 - [Accordion](https://21st.dev/@ekmas/components/accordion.md) — by Samuel Breznjak - [Neon Gradient Card](https://21st.dev/@dillionverma/components/neon-gradient-card.md) — by Dillion Verma - [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 - [Info Card](https://21st.dev/@maxim.bort.devel/components/info-card.md) — by Maxim Bortnikov - [Avatar - Border](https://21st.dev/@shadcnspace/components/avatar-border.md) — by ShadcnSpace - [Button Rotate](https://21st.dev/@designali-in/components/button-rotate-1.md) — by Ali Imam - [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 - [Highlight Button](https://21st.dev/@radiumcoders/components/highlight-button.md) — by jay sharma - [Marquee](https://21st.dev/@ekmas/components/marquee/marquee-demo.md) — by Samuel Breznjak - [Scroll Progress](https://21st.dev/@skyleen77/components/scroll-progress.md) — by Elliot Sutton - [Star Button](https://21st.dev/@badtzx0/components/star-button.md) — by badtz - [Avatar Square](https://21st.dev/@prebuiltui/components/avatar-square/avatar-square-rounded.md) — by prebuiltui - [Radio Group 1](https://21st.dev/@ShadcnStudio/components/radio-group-1/radio-group-twelve.md) — by ShadcnStudio - [Switch](https://21st.dev/@anubra266/components/switch-1/bordered-switch.md) — by Abraham - [Brutal Button](https://21st.dev/@radiumcoders/components/brutal-button.md) — by jay sharma - [Animated Review Card](https://21st.dev/@whyte25/components/animated-review-card/auto-rotation-review-card.md) — by whyte25 - [Fancy Card](https://21st.dev/@maxim.bort.devel/components/fancy-card.md) — by Maxim Bortnikov - [Border Beam Search](https://21st.dev/@Jakubantalik/components/border-beam-search.md) — by Jakub Antalik - [Brutal Button](https://21st.dev/@radiumcoders/components/brutal-button/custom.md) — by jay sharma - [Alert](https://21st.dev/@ekmas/components/alert/alert-demo.md) — by Samuel Breznjak - [Checkbox](https://21st.dev/@ShadcnStudio/components/checkbox-1/checkbox-terms-and-conditions.md) — by ShadcnStudio - [Image Card](https://21st.dev/@ekmas/components/image-card/image-card-demo.md) — by Samuel Breznjak - [File Upload](https://21st.dev/@extend-hq/components/file-upload.md) — by extend-hq - [Checkbox](https://21st.dev/@ekmas/components/checkbox/checkbox-demo.md) — by Samuel Breznjak - [Code Snippets 3](https://21st.dev/@deltacomponents/components/code-snippets-3/display-options.md) — by deltacomponents - [Tabs 6](https://21st.dev/@deltacomponents/components/tabs-6.md) — by deltacomponents - [Border Beam](https://21st.dev/@Jakubantalik/components/border-beam.md) — by Jakub Antalik Full component directory: https://21st.dev/llms.txt