'use client'; import * as React from 'react'; import { cn } from '@/lib/utils'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { Label } from '@/components/ui/label'; import Transition from '@/components/ui/transition'; import { motion } from 'motion/react'; const Input = React.forwardRef>( ({ className, type, ...props }, ref) => { return ( ); }, ); Input.displayName = 'Input'; export function SignupForm({ className, ...props }: React.ComponentProps<'div'>) { const introContent = (triggerExit: () => void) => (

ScrollX UI

Join us today and start creating amazing experiences

); const [transitionEnded, setTransitionEnded] = React.useState(false); return (

setTransitionEnded(true)} >

Create your account

Enter your email to sign up.

Password

Must be at least 8 characters long.

Confirm Password

Please confirm your password.

Or continue with

Already have an account?{' '} Sign in

{transitionEnded && (

By clicking continue, you agree to our{' '} Terms of Service {' '} and{' '} Privacy Policy .

)}

); }

Signup Form

Installation

Usage