Sign In Form
Welcome to the Sign In Form – because apparently, letting strangers into your app without credentials is “bad practice.” This form lets users log in with email, password, or even their favorite social overlord (Google, Github, you name it). It’s accessible, customizable, and integrates with your backend faster than you can say “forgot password.” Modern, responsive, and so simple your grandma could use it (but please don’t give her your password).
Installation
Give your fingers a break and let this command do the heavy lifting, add the Sign In component to your project in seconds:
npx vynk add sign-in
yarn vynk add sign-in
pnpm dlx vynk add sign-in
bunx --bun vynk add sign-in
Want both Sign In and Sign Up forms? Of course you do. Why do things twice when you can be lazy and efficient at the same time? Just run:
npx vynk add auth
yarn vynk add auth
pnpm dlx vynk add auth
bunx --bun vynk add auth
Voilà! Both authentication forms are now in your project. You’re officially one step closer to never having to build another login form from scratch (you’re welcome). Now you can set up a complete auth flow in less time than it takes to reset your own password for the 17th time this week.
Usage
Just import and drop the component wherever you want users to prove they’re not robots (or at least, not the bad kind). If you need more customization, go wild – but don’t blame us if you end up making it worse.
Props
This component doesn't support any props. Don't even expect, get your lazy a** off your bed and add your spices yourself.
Common Issues
- "The authentication is not working" - Make sure you have added your api url or your own backend to sign in the user
- "Props are not working" - This component doesn't support any props
Contributing
Found a bug? Want to make it even more flexible? Feel free to submit a PR. Just make sure your code is as clean as your browser history (which we all know is spotless, right?).