# Shadow components

> Browse 6 Shadow components for React, styled with Tailwind CSS and ready for your Next.js project.

52 components available. Showing all of them below.

- [Gradient Shadow](https://21st.dev/@pacekit/components/gradient-shadow.md) — by PaceKit
- [Etheral Shadow](https://21st.dev/@jatin-yadav05/components/etheral-shadow.md) — by Jatin Yadav
- [Bento Grid](https://21st.dev/@kokonutd/components/bento-grid.md) — by Kokonut Baffier
- [Glowing Shadow](https://21st.dev/@designali-in/components/glowing-shadow.md) — by Ali Imam
- [Shiny Button](https://21st.dev/@dillionverma/components/shiny-button.md) — by Dillion Verma
- [Button Shiny](https://21st.dev/@kokonutd/components/button-shiny.md) — by Kokonut Baffier
- [Button](https://21st.dev/@ekmas/components/button/button-demo.md) — by Samuel Breznjak
- [Shimmer Button](https://21st.dev/@Shatlyk1011/components/shimmer-button.md) — by Shatlyk1011
- [About](https://21st.dev/@prebuiltui/components/about/about-section-with-play-video.md) — by prebuiltui
- [Cards](https://21st.dev/@prebuiltui/components/cards/simple-card.md) — by prebuiltui
- [Cards](https://21st.dev/@prebuiltui/components/cards/simple-card-with-button.md) — by prebuiltui
- [Pattern Text](https://21st.dev/@sshahaider/components/pattern-text.md) — by Efferd
- [BendText](https://21st.dev/@xubohuah/components/bend-text.md) — by KainXu
- [Profile-Card](https://21st.dev/@waleedkibhen/components/profile-card.md) — by wisedev
- [Button](https://21st.dev/@shugar/components/button-1/rounded.md) — by tigran tumasov
- [Book](https://21st.dev/@shugar/components/book/width.md) — by tigran tumasov
- [Book](https://21st.dev/@shugar/components/book/responsive.md) — by tigran tumasov
- [Texture Button](https://21st.dev/@cult-ui/components/texture-button.md) — by cult/ui
- [Accordion](https://21st.dev/@ShadcnStudio/components/accordion-1/accordion-one.md) — by ShadcnStudio
- [Line Shadow Text](https://21st.dev/@dillionverma/components/line-shadow-text.md) — by Dillion Verma
- [Tilt Card](https://21st.dev/@JurreHoutkamp/components/tilt-card.md) — by JurreHoutkamp
- [Button Ui](https://21st.dev/@prebuiltui/components/button-ui/button-variants.md) — by prebuiltui
- [glass-clock](https://21st.dev/@kedhareswer.12110626/components/glass-clock.md) — by Kedhareswer Naidu
- [Product Bounce Card](https://21st.dev/@ruixen.ui/components/product-bounce-card.md) — by Ruixen UI
- [Metal Button](https://21st.dev/@designali-in/components/metal-button.md) — by Ali Imam
- [Material](https://21st.dev/@shugar/components/material-1.md) — by tigran tumasov
- [Button Soft Glow](https://21st.dev/@designali-in/components/button-soft-glow.md) — by Ali Imam
- [BrutalistBentoGrid](https://21st.dev/@dhileepkumargm/components/brutalist-bento-grid.md) — by Dhileep Kumar GM
- [Switch](https://21st.dev/@anubra266/components/switch-1/large-thumb-switch.md) — by Abraham
- [Shiny Button](https://21st.dev/@radiumcoders/components/shiny-button.md) — by jay sharma
- [Brutal Button](https://21st.dev/@radiumcoders/components/brutal-button.md) — by jay sharma
- [Mouse Quadrant Tracker](https://21st.dev/@designali-in/components/mouse-quadrant-tracker.md) — by Ali Imam
- [Brutal Button](https://21st.dev/@radiumcoders/components/brutal-button/custom.md) — by jay sharma
- [Minimal Button](https://21st.dev/@radiumcoders/components/minimal-button.md) — by jay sharma
- [Rainbow Text Effect](https://21st.dev/@designali-in/components/rainbow-text-effect.md) — by Ali Imam
- [Text Aimation](https://21st.dev/@designali-in/components/text-aimation.md) — by Ali Imam
- [React Shimmer Button Component: A Customizable Button with Animated Effects](https://21st.dev/@uniquesonu/components/shimmer-button.md) — by Sonu
- [Morphing Loader](https://21st.dev/@animbits/components/loaders-morphing.md) — by Animbits
- [FloatButton](https://21st.dev/@antdesign/components/float-button.md) — by antdesign
- [Material](https://21st.dev/@shugar/components/material.md) — by tigran tumasov
- [Interactive Card](https://21st.dev/@user_hardp/components/interactive-card/card-with-image.md) — by user_hardp
- [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow.md) — by Hero Ui
- [Interactive Card](https://21st.dev/@user_hardp/components/interactive-card/card-with-content.md) — by user_hardp
- [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow/hide-scroll-bar.md) — by Hero Ui
- [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow/orientation.md) — by Hero Ui
- [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow/with-card.md) — by Hero Ui
- [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow/visibility-change.md) — by Hero Ui
- [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow/custom-shadow-size.md) — by Hero Ui
- [Scroller](https://21st.dev/@diceui/components/scroller/scroller-horizontal-demo.md) — by Dice UI
- [Reshaped Card](https://21st.dev/@reshaped/components/reshaped-card/raised.md) — by reshaped
- [Swoosh Text](https://21st.dev/@kokonutd/components/swoosh-text.md) — by Kokonut Baffier
- [Page Header Breadcrumb](https://21st.dev/@uiable/components/uiable-breadcrumb-page-header.md) — by uiable

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