The Jobsly sign-in interface combines functionality with visual appeal through its split-panel design. On the left, a visually engaging collage displays professional images alongside key recruitment statistics . On the right, a clean and intuitive sign-in form provides email and password fields with thoughtful touches like password visibility control. The interface features a prominent theme toggle that seamlessly transitions between light and dark modes, accompanied by smooth reveal animations that enhance the user experience. Additionally, the interface offers alternative sign-in options through Google, along with convenient links for password recovery and new account registration, all wrapped in a responsive design that adapts gracefully to different screen sizes.
// demo.tsx
import * as React from "react"
import { AnimatedSignIn } from "@/components/ui/sign-in"
function DemoSignIn() {
return (
<div className="flex items-center justify-center min-h-screen bg-gray-100">
<AnimatedSignIn />
</div>
)
}
export { DemoSignIn }