# Spotlight components

> Shine a light on key content with 12 spotlight components, perfect for React and Next.js projects enhanced by Tailwind CSS.

37 components available. Showing all of them below.

- [Spotlight Card](https://21st.dev/@easemize/components/spotlight-card.md) — by Hossain Jahed
- [Spotlight](https://21st.dev/@manuarora700/components/spotlight.md) — by Manu Arora
- [Card Spotlight](https://21st.dev/@manuarora700/components/card-spotlight.md) — by Manu Arora
- [Spotlight New](https://21st.dev/@manuarora700/components/spotlight-new.md) — by Manu Arora
- [Spotlight](https://21st.dev/@ibelick/components/spotlight.md) — by Julien Thibeaut
- [Spotlight](https://21st.dev/@ibelick/components/spotlight/border-only.md) — by Julien Thibeaut
- [Spotlight Card](https://21st.dev/@berkcangumusisik/components/spotlight-card.md) — by Berkcan Gümüşışık
- [Spotlight Card](https://21st.dev/@preetsuthar17/components/spotlight-card.md) — by Preet Suthar
- [Image Spotlight](https://21st.dev/@tonyzebastian/components/image-spotlight.md) — by Tony Sebastian
- [Spotlight Cursor](https://21st.dev/@uilayout.contact/components/spotlight-cursor.md) — by UI Layouts
- [Spotlight Background](https://21st.dev/@ruixen.ui/components/spotlight-background.md) — by Ruixen UI
- [Cursor Spotlight](https://21st.dev/@pulkitxm/components/cursor-spotlight.md) — by Pulkit
- [Spline Scene](https://21st.dev/@serafimcloud/components/splite.md) — by Serafim
- [Lamp](https://21st.dev/@manuarora700/components/lamp.md) — by Manu Arora
- [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card.md) — by tom
- [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card/evade.md) — by tom
- [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card/gravitate.md) — by tom
- [Tilt](https://21st.dev/@ibelick/components/tilt.md) — by Julien Thibeaut
- [Particle Hero](https://21st.dev/@designali-in/components/particle-hero.md) — by Ali Imam
- [Tilt](https://21st.dev/@ibelick/components/tilt/with-spotlight.md) — by Julien Thibeaut
- [Spotlight Button](https://21st.dev/@waleedkibhen/components/spotlight-button.md) — by wisedev
- [Apple Spotlight](https://21st.dev/@samitkapoor/components/apple-spotlight.md) — by Samit Kapoor
- [SpotlightBackground](https://21st.dev/@dhileepkumargm/components/spotlight-background.md) — by Dhileep Kumar GM
- [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-grid-spotlight-cyan-noise.md) — by 21st Indexer
- [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-grid-spotlight-blue-noise.md) — by 21st Indexer
- [Product Spotlight Hero Section](https://21st.dev/@chowlol202/components/product-spotlight-hero-section.md) — by Caio Bonato
- [HolographicInterface](https://21st.dev/@dhileepkumargm/components/holographic-interface.md) — by Dhileep Kumar GM
- [Onboarding Checklist](https://21st.dev/@chowlol202/components/onboarding-checklist.md) — by Caio Bonato
- [Volumetric Studio](https://21st.dev/@alexperezcedeno/components/volumetric-studio.md) — by uithefactory
- [Interactive Light](https://21st.dev/@designali-in/components/interactive-light.md) — by Ali Imam
- [Holographic Wall](https://21st.dev/@moumensoliman/components/holographic-wall-shadcnui.md) — by Moumen Soliman
- [Waves shader](https://21st.dev/@notshekharsahu/components/waves-shader.md) — by Shekhar
- [red in black](https://21st.dev/@ashish.indora/components/red-in-black.md) — by Ashish Indora
- [Shine Border Feature Card](https://21st.dev/@shadcnspace/components/shine-border-03.md) — by ShadcnSpace
- [Text Reveal Card](https://21st.dev/@nexus-ui/components/text-reveal-card.md) — by Nexus UI
- [koinonia](https://21st.dev/@ji.okorafor/components/koinonia.md) — by Jan Okorafor
- [Hover Highlight Text](https://21st.dev/@nexus-ui/components/hover-highlight-text.md) — by Nexus UI

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