# Preview components

> Show off content or features with 7 preview components for React, crafted for Tailwind CSS and Next.js applications.

35 components available. Showing all of them below.

- [Browser Preview](https://21st.dev/@aghasisahakyan1/components/browser-preview.md) — by Erik X
- [JSX Preview](https://21st.dev/@ibelick/components/jsx-preview.md) — by Julien Thibeaut
- [Quick Look Overlay](https://21st.dev/@jatin-yadav05/components/quick-look-overlay.md) — by Jatin Yadav
- [Project Showcase](https://21st.dev/@jatin-yadav05/components/project-showcase.md) — by Jatin Yadav
- [HoverPeek Link Preview](https://21st.dev/@aghasisahakyan1/components/link-preview.md) — by Erik X
- [Chat Preview](https://21st.dev/@meenic/components/chat-preview.md) — by meenic
- [Hover Link Preview](https://21st.dev/@preetsuthar17/components/hover-link-preview.md) — by Preet Suthar
- [Color Picker](https://21st.dev/@cult-ui/components/color-picker.md) — by cult/ui
- [Loading Carousel](https://21st.dev/@cult-ui/components/loading-carousel.md) — by cult/ui
- [Hover Card](https://21st.dev/@jshguo/components/interfaces-hover-card.md) — by jshguo
- [Chapter Scrubber](https://21st.dev/@ruixen.ui/components/chapter-scrubber.md) — by Ruixen UI
- [Safari](https://21st.dev/@dillionverma/components/safari.md) — by Dillion Verma
- [Video Modal](https://21st.dev/@nyxbui/components/video-modal.md) — by Nyxb UI
- [Hero Section](https://21st.dev/@manuarora700/components/hero-section.md) — by Manu Arora
- [Hover Card](https://21st.dev/@jshguo/components/interfaces-hover-card/top.md) — by jshguo
- [Hover Card](https://21st.dev/@shadcn/components/hover-card.md) — by shadcn
- [Hover Card](https://21st.dev/@jshguo/components/interfaces-hover-card/left.md) — by jshguo
- [Hover Card](https://21st.dev/@originui/components/hover-card/hover-card-with-user-details.md) — by shadcn
- [Hover Card](https://21st.dev/@originui/components/hover-card/user-hover-card.md) — by shadcn
- [Hover Card](https://21st.dev/@originui/components/hover-card/hover-card-with-title-and-details.md) — by shadcn
- [Hover Card](https://21st.dev/@jshguo/components/interfaces-hover-card/right.md) — by jshguo
- [Browser](https://21st.dev/@designali-in/components/browser.md) — by Ali Imam
- [PDF Preview Page](https://21st.dev/@itsankitverma/components/pdf-preview-page.md) — by Ankit Verma
- [Animated Hero Section UI](https://21st.dev/@uniquesonu/components/animated-hero-section-ui.md) — by Sonu
- [File Upload](https://21st.dev/@sean0205/components/file-upload/card-upload.md) — by Sean Hello
- [Flexnative Tabs](https://21st.dev/@felipemenezes098/components/flexnative-tabs/preview-and-code.md) — by felipemenezes098
- [Signature Pad](https://21st.dev/@anubra266/components/signature-pad/signature-preview.md) — by Abraham
- [Live Preview Style Select](https://21st.dev/@ruixen.ui/components/live-preview-style-select.md) — by Ruixen UI
- [ColorSwatch](https://21st.dev/@hero_ui/components/heroui-color-swatch/transparency.md) — by Hero Ui
- [Editable Components](https://21st.dev/@anubra266/components/editable-components/title-editor.md) — by Abraham
- [Hover Preview Button](https://21st.dev/@ruixen.ui/components/hover-preview-button.md) — by Ruixen UI
- [Hover Card](https://21st.dev/@sean0205/components/hover-card-1.md) — by Sean Hello
- [File Thumbnail](https://21st.dev/@extend-hq/components/file-thumbnail.md) — by extend-hq
- [UltraQualityEmailBuilder](https://21st.dev/@dhileepkumargm/components/ultra-quality-email-builder.md) — by Dhileep Kumar GM
- [Upload Multiple Files](https://21st.dev/@utilcn/components/upload-multiple-files.md) — by utilcn

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