# Validation components

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

137 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/validation.

- [Input](https://21st.dev/@originui/components/input/input-with-password-strength-indicator.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/input-with-character-limit.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/date-range-picker-unavailable-dates.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/required-input.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/input-with-characters-left.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/time-input-with-mask.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/input-with-mask.md) — by Origin UI
- [Assisted Password Confirmation](https://21st.dev/@ln-dev7/components/assisted-password-confirmation.md) — by LN
- [Alert](https://21st.dev/@originui/components/alert/alert-with-list.md) — by Serafim
- [Upload](https://21st.dev/@ephraimduncan/components/upload.md) — by Ephraim Duncan
- [Form Layout](https://21st.dev/@ephraimduncan/components/form-layout/workspace-registration-form.md) — by Ephraim Duncan
- [Textarea](https://21st.dev/@originui/components/textarea/textarea-with-characters-left.md) — by Origin UI
- [Premium Auth](https://21st.dev/@dhileepkumargm/components/premium-auth.md) — by Dhileep Kumar GM
- [Form](https://21st.dev/@azacdev/components/form/dual-range-slider-form.md) — by shadcn
- [Personal Landing](https://21st.dev/@itsankitverma/components/personal-landing.md) — by Ankit Verma
- [Form](https://21st.dev/@shadcn/components/form.md) — by shadcn
- [Form](https://21st.dev/@azacdev/components/form/multiselect-form.md) — by shadcn
- [Alert Dialog](https://21st.dev/@mynaui/components/alert-dialog/error.md) — by shadcn
- [useFileInput](https://21st.dev/@kokonutd/components/use-file-input.md) — by Kokonut Baffier
- [Image Uploader](https://21st.dev/@lavikatiyar/components/image-uploader.md) — by Lavi Katiyar
- [Password Input](https://21st.dev/@uilayout.contact/components/password-input-2.md) — by UI Layouts
- [image uploader](https://21st.dev/@info-mdshakeeb/components/image-uploader.md) — by shakeeb
- [BeUI OTP Input](https://21st.dev/@saurabh10102/components/be-ui-otp-input.md) — by Saurabh Chauhan
- [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/type-to-confirm.md) — by felipemenezes098
- [Password Input](https://21st.dev/@uilayout.contact/components/password-input-1.md) — by UI Layouts
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1/files-table-upload.md) — by Abraham
- [Error](https://21st.dev/@shugar/components/error.md) — by tigran tumasov
- [Input](https://21st.dev/@preetsuthar17/components/input.md) — by Preet Suthar
- [Input](https://21st.dev/@shugar/components/input/error.md) — by tigran tumasov
- [useSliderWithInput](https://21st.dev/@originui/components/use-slider-with-input.md) — by Origin UI
- [Spinner](https://21st.dev/@shadcn/components/spinner/input-group.md) — by shadcn
- [Field](https://21st.dev/@coss.com/components/field/radio-group.md) — by coss
- [Field](https://21st.dev/@coss.com/components/field/switch.md) — by coss
- [Field](https://21st.dev/@coss.com/components/field/checkbox.md) — by coss
- [Field](https://21st.dev/@coss.com/components/field/disabled.md) — by coss
- [Field](https://21st.dev/@coss.com/components/field/autocomplete.md) — by coss
- [Field](https://21st.dev/@coss.com/components/field/input-group.md) — by coss
- [Field](https://21st.dev/@coss.com/components/field/slider.md) — by coss
- [Textarea](https://21st.dev/@jshguo/components/interfaces-textarea.md) — by jshguo
- [Textarea](https://21st.dev/@shugar/components/textarea/error.md) — by tigran tumasov
- [Swipe Button](https://21st.dev/@badtzx0/components/swipe-button.md) — by badtz
- [Mail Checker Input](https://21st.dev/@ruixen.ui/components/mail-checker-input.md) — by Ruixen UI
- [Password Input](https://21st.dev/@kokonutd/components/password-input.md) — by Kokonut Baffier
- [The Input](https://21st.dev/@felipemenezes098/components/the-input/with-popover.md) — by felipemenezes098
- [Signature Pad](https://21st.dev/@anubra266/components/signature-pad/contract-signature.md) — by Abraham
- [Password Field](https://21st.dev/@ruixen.ui/components/password-field.md) — by Ruixen UI
- [File Upload Button](https://21st.dev/@bankkroll/components/file-upload-button.md) — by Bankk
- [Radio](https://21st.dev/@shugar/components/radio/required.md) — by tigran tumasov
- [Textarea](https://21st.dev/@jshguo/components/interfaces-textarea/with-label.md) — by jshguo
- [Input](https://21st.dev/@kokonutd/components/input.md) — by Kokonut Baffier
- [Url Input](https://21st.dev/@ruixen.ui/components/url-input.md) — by Ruixen UI
- [Password Input](https://21st.dev/@uilayout.contact/components/password-input-3.md) — by UI Layouts
- [Password Input](https://21st.dev/@anubra266/components/password-input/password-with-strength.md) — by Abraham
- [Password Input](https://21st.dev/@anubra266/components/password-input/password-with-requirements.md) — by Abraham
- [Password Input](https://21st.dev/@anubra266/components/password-input.md) — by Abraham
- [Password Input](https://21st.dev/@anubra266/components/password-input/confirm-password.md) — by Abraham
- [File Upload](https://21st.dev/@extend-hq/components/file-upload.md) — by extend-hq
- [Password Input](https://21st.dev/@anubra266/components/password-input/password-with-field.md) — by Abraham
- [Field](https://21st.dev/@jshguo/components/interfaces-field/error-state.md) — by jshguo
- [Password Strength Meter](https://21st.dev/@preetsuthar17/components/password-strength-meter.md) — by Preet Suthar

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