Viora LogoViora UI
Login

Smooth Input

Smooth input component with animated caret and typing effect.

smooth-input.tsx
Loading source code...

Installation

pnpm dlx viora-ui@latest add smooth-input
npx viora-ui@latest add smooth-input
yarn viora-ui@latest add smooth-input
bunx --bun viora-ui@latest add smooth-input

Usage

import { SmoothInput } from "viora-ui";
import { SmoothInput } from "viora-ui";

export default function SmoothInputDemo() {
  return (
    <div className="flex min-h-[350px] w-full items-center justify-center p-6">
      <SmoothInput />
    </div>
  );
}

API Reference

SmoothInput

PropTypeDefaultDescription
type"select"-Configuration for type.
optionsINPUT_TYPE_OPTIONS-Configuration for options.
defaulttype-Configuration for default.

Built by Otis

Last updated: 10/12/2026