# Modal components > Access 28 modal React components crafted with Tailwind CSS, enabling elegant dialogs and overlays in your Next.js interfaces. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/modal. - [Dialog](https://21st.dev/@originui/components/dialog/onboardin-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/edit-profile-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/sign-in-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/sign-up-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/otp-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/scrollable-sticky-footer.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/newsletter-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/terms-conditions-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/feedback-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/rating-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/payment-plan-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/invite-memebers-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/scrollable-sticky-header.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/scrollable-custom-scrollbar.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/checkout-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/card-details-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/delete-project-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/scrollable-native-scrollbar.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/terms-conditions.md) — by shadcn - [Dialog](https://21st.dev/@shadcn/components/dialog.md) — by shadcn - [Dialog](https://21st.dev/@mynaui/components/dialog/basic.md) — by shadcn - [Dialog](https://21st.dev/@mynaui/components/dialog/login.md) — by shadcn - [Dialog](https://21st.dev/@mynaui/components/dialog/add-task.md) — by shadcn - [Dialog](https://21st.dev/@originui/components/dialog/scrollable-native-scrollbar.md) — by shadcn - [Modal Pricing](https://21st.dev/@kokonutd/components/modal-pricing.md) — by Kokonut Baffier - [Nested Dialog](https://21st.dev/@victorwelander/components/nested-dialog.md) — by Victor Welander - [Dialog](https://21st.dev/@sshahaider/components/dialog/success.md) — by Efferd - [Dialog](https://21st.dev/@sshahaider/components/dialog/quick-settings.md) — by Efferd - [Animated Modal](https://21st.dev/@manuarora700/components/animated-modal.md) — by Manu Arora - [Dialog](https://21st.dev/@sshahaider/components/dialog/sticky-header-footer.md) — by Efferd - [Dialog](https://21st.dev/@sshahaider/components/dialog/search.md) — by Efferd - [Dialog](https://21st.dev/@sshahaider/components/dialog/share.md) — by Efferd - [Dialog](https://21st.dev/@sshahaider/components/dialog/app-info.md) — by Efferd - [Dialog](https://21st.dev/@sshahaider/components/dialog/color-picker.md) — by Efferd - [Dialog](https://21st.dev/@sshahaider/components/dialog/with-form.md) — by Efferd - [Dialog](https://21st.dev/@sshahaider/components/dialog.md) — by Efferd - [Dialog](https://21st.dev/@sshahaider/components/dialog/scrollable.md) — by Efferd - [Dialog](https://21st.dev/@sshahaider/components/dialog/without-close-button.md) — by Efferd - [Modal](https://21st.dev/@educlopez/components/modal.md) — by Edu Calvo - [Modal](https://21st.dev/@sshahaider/components/modal.md) — by Efferd - [Dotted Dialog](https://21st.dev/@serafimcloud/components/dotted-dialog.md) — by Serafim - [Warp Dialog](https://21st.dev/@molecule-lab-rushil/components/warp-dialog.md) — by Rushil Dhinoja - [Mission Success Dialog](https://21st.dev/@ravikatiyar162/components/mission-success-dialog.md) — by Ravi Katiyar - [Auth Modal](https://21st.dev/@sshahaider/components/auth-modal.md) — by Efferd - [Progressive Blur Modal](https://21st.dev/@pate1kiran/components/progressive-blur-modal.md) — by pate1kiran - [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog.md) — by felipemenezes098 - [Privacy Policy Modal](https://21st.dev/@ruixen.ui/components/privacy-policy-modal.md) — by Ruixen UI - [Modal](https://21st.dev/@shugar/components/modal/disabled-actions.md) — by tigran tumasov - [Modal](https://21st.dev/@shugar/components/modal/inset.md) — by tigran tumasov - [Modal](https://21st.dev/@shugar/components/modal.md) — by tigran tumasov - [Modal](https://21st.dev/@shugar/components/modal/sticky.md) — by tigran tumasov - [Modal](https://21st.dev/@shugar/components/modal/control-initial-focus.md) — by tigran tumasov - [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/footer-only-dismiss.md) — by felipemenezes098 - [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/long-form-sticky-footer.md) — by felipemenezes098 - [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/terms-sticky-footer.md) — by felipemenezes098 - [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/settings-sections.md) — by felipemenezes098 - [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/pick-teammates.md) — by felipemenezes098 - [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/onboarding-welcome.md) — by felipemenezes098 - [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/delete-account.md) — by felipemenezes098 Full component directory: https://21st.dev/llms.txt