# Icon Input React components, live previews & code, EneUI

Browse 11 Icon Input React and shadcn components: live preview, full source and a one-line install command for each. Copy into your project or hand it to your AI agent.

> Page: https://ui.eneawork.it/components/cat/icon-input
> Markdown: https://ui.eneawork.it/components/cat/icon-input.md

**Components:** 11


## Highlights

- [creat-account-form](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/creat-account-form), 21st-ruixen.ui--ruixen-ui
- [label-badges](https://ui.eneawork.it/comp/21st-ln-dev7--lndev-ui/label-badges), 21st-ln-dev7--lndev-ui
- [input](https://ui.eneawork.it/comp/21st-preetsuthar17--hextaui/input), 21st-preetsuthar17--hextaui
- [otpinput](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/otpinput), 21st-ruixen.ui--ruixen-ui
- [floating-input](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/floating-input), 21st-ruixen.ui--ruixen-ui
- [url-input](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/url-input), 21st-ruixen.ui--ruixen-ui
- [time-with-icon](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/time-with-icon), 21st-ruixen.ui--ruixen-ui
- [primitive-input](https://ui.eneawork.it/comp/21st-isaiahbjork/primitive-input), 21st-isaiahbjork
- [input-group-tone](https://ui.eneawork.it/comp/21st-ai2/input-group-tone), 21st-ai2
- [heroui-input-group](https://ui.eneawork.it/comp/21st-hero_ui--hero-ui/heroui-input-group), 21st-hero_ui--hero-ui
- [indev-inputui](https://ui.eneawork.it/comp/21st-ln-dev7--lndev-ui/indev-inputui), 21st-ln-dev7--lndev-ui

## FAQ

### How many React Icon Input components are there?

11 Icon Input components in the catalog, each with a live preview, full source and a one-line install command.

### How do I add a Icon Input component to my project?

Open a component and hit Copy code (or Install) to drop the source into your components folder, or run npx shadcn add "<url>" with the command shown on the page.

### Are they free?

Yes, browsing is always free and copying runs on a free daily quota; Premium removes the limit.

### Do they work with Next.js and Tailwind?

Yes, React components styled with Tailwind and shadcn/ui, compatible with Next.js, Vite and CRA.

## Related

- [All categories](/components)
- [Libraries](/libraries)