Installation
Requirements:- React 18 or later.
- Tailwind CSS v4
- Motion 12
Get started
The easiest way to install Smooth Input is via npm or bun. Run one of the following commands in your project directory:
1
Install Package
To install react-smooth-input, run:
npm install react-smooth-input2
TailwindCSS Setup
react-smooth-input requires Tailwind CSS v4 for styling. Make sure you have Tailwind CSS v4 installed and configured in your project. You can follow the official Tailwind CSS installation guide here.
Then add the following code to your main CSS file:
main.css
@import "tailwindcss";
/* Note: You may need to change the path to fit your project structure */
@source '../../node_modules/react-smooth-input/dist/**/*.{js,mjs}';3
Enjoy!
You're all set! You can now start using react-smooth-input in your React projects.
Happy coding!
Framework Guides
For detailed installation instructions tailored to specific frameworks, please refer to the respective guides.
