# Outline components > Browse 9 Outline components for React, styled with Tailwind CSS and ready for your Next.js project. 89 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/outline. - [Outline Text](https://21st.dev/@arunachalam/components/outline-text.md) — by Arunachalam - [Button](https://21st.dev/@mynaui/components/button/button-group.md) — by shadcn - [Luma Spin](https://21st.dev/@theritikk/components/luma-spin.md) — by Ritik Singh - [Button](https://21st.dev/@sean0205/components/button-1/icon-only.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/with-icon.md) — by Sean Hello - [Badge Delta](https://21st.dev/@serafimcloud/components/badge-delta.md) — by Serafim - [Button](https://21st.dev/@sean0205/components/button-1/circle.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/with-dot.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/outline.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/circle.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/remove-button.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/disabled.md) — by Sean Hello - [Hover Text Glow](https://21st.dev/@erikvalencia1/components/hover-text-glow.md) — by Ruben - [Alert](https://21st.dev/@sean0205/components/alert-1/outline.md) — by Sean Hello - [Alert](https://21st.dev/@sean0205/components/alert-1/size.md) — by Sean Hello - [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-eight.md) — by ShadcnStudio - [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-five.md) — by ShadcnStudio - [Marquee](https://21st.dev/@serafimcloud/components/marquee.md) — by Serafim - [Cartoon Button](https://21st.dev/@oldkong88/components/cartoon-button.md) — by SEONG HUN - [Loader](https://21st.dev/@ravikatiyar162/components/loader-2.md) — by Ravi Katiyar - [Accordion](https://21st.dev/@ShadcnStudio/components/accordion-1/accordion-twelve.md) — by ShadcnStudio - [Accordion](https://21st.dev/@ShadcnStudio/components/accordion-1/accordion-eleven.md) — by ShadcnStudio - [Accordion](https://21st.dev/@ShadcnStudio/components/accordion-1/accordion-eight.md) — by ShadcnStudio - [Toggle Group](https://21st.dev/@originui/components/toggle-group/toggle-group-with-text.md) — by shadcn - [Hover Text Effect](https://21st.dev/@uniquesonu/components/hover-text-effect.md) — by Sonu - [Tabs Component](https://21st.dev/@anubra266/components/tabs-component/tabs-outline-w-icons.md) — by Abraham - [Tabs Component](https://21st.dev/@anubra266/components/tabs-component/tabs-outline.md) — by Abraham - [Text Hover Effect](https://21st.dev/@manuarora700/components/text-hover-effect.md) — by Manu Arora - [Badge](https://21st.dev/@coss.com/components/coss-badge/outline.md) — by coss - [SVG Path Drawing Text Animation](https://21st.dev/@minhxthanh/components/svg-path-drawing-text-animation.md) — by Le Thanh - [LoadingBottle](https://21st.dev/@ruhith369/components/loading-bottle.md) — by ruhith - [Toggle](https://21st.dev/@coss.com/components/toggle/icon-group.md) — by coss - [Base Badge](https://21st.dev/@sean0205/components/base-badge/outline.md) — by Sean Hello - [Card Studio](https://21st.dev/@ShadcnStudio/components/card-studio/card-eight.md) — by ShadcnStudio - [Accordion](https://21st.dev/@sean0205/components/accordion-1/outline.md) — by Sean Hello - [Base Badge](https://21st.dev/@sean0205/components/base-badge/disabled.md) — by Sean Hello - [Base Badge](https://21st.dev/@sean0205/components/base-badge/circle.md) — by Sean Hello - [Accordion](https://21st.dev/@sean0205/components/accordion-1/nested.md) — by Sean Hello - [Toggle](https://21st.dev/@coss.com/components/toggle/with-icon.md) — by coss - [Toggle](https://21st.dev/@coss.com/components/toggle/outline.md) — by coss - [Toggle](https://21st.dev/@coss.com/components/toggle/disabled.md) — by coss - [Toggle](https://21st.dev/@coss.com/components/toggle/large-size.md) — by coss - [Toggle](https://21st.dev/@coss.com/components/toggle/small-size.md) — by coss - [Outline Accordion](https://21st.dev/@sean0205/components/outline-accordion.md) — by Sean Hello - [Toggle Group](https://21st.dev/@sean0205/components/toggle-group-1/size.md) — by Sean Hello - [Toggle Group](https://21st.dev/@sean0205/components/toggle-group-1/outline.md) — by Sean Hello - [Status](https://21st.dev/@haydenbleasel/components/status/custom-styles-status.md) — by Hayden Bleasel - [One Clipboard](https://21st.dev/@felipemenezes098/components/one-clipboard/toolbar.md) — by felipemenezes098 - [Slider](https://21st.dev/@ekmas/components/slider/slider-demo.md) — by Samuel Breznjak - [One Clipboard](https://21st.dev/@felipemenezes098/components/one-clipboard/pagination.md) — by felipemenezes098 - [One Clipboard](https://21st.dev/@felipemenezes098/components/one-clipboard/vertical-group.md) — by felipemenezes098 - [Base Button](https://21st.dev/@sean0205/components/base-button/icon-only.md) — by Sean Hello - [Item](https://21st.dev/@shadcn/components/item/image.md) — by shadcn - [Base Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/base-button/notification-badge.md) — by Arihant jain - [Item](https://21st.dev/@shadcn/components/item/avatar.md) — by shadcn - [Item](https://21st.dev/@shadcn/components/item/header.md) — by shadcn - [Item](https://21st.dev/@shadcn/components/item.md) — by shadcn - [Base Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/base-button/text-formatter.md) — by Arihant jain - [Item](https://21st.dev/@shadcn/components/item/icon.md) — by shadcn - [Interfaces Badge](https://21st.dev/@jshguo/components/interfaces-badge/outline.md) — by jshguo Full component directory: https://21st.dev/llms.txt