SLARIVO / SIGN INS

Sign Ins Components

Browse 191 exact locally owned demos. Filter the collection, inspect a focused preview, and unlock its implementation prompt.

• Slarivo Sign In

  sign in log in signin login

• Slarivo Sign in

  Sign in flow with shadcn/ui components

• Slarivo Sign In

  A simple sign in component

• Slarivo Sign In Split Screen

  A split-screen sign-in card with a branded gradient panel, social login, and email/password form.

• Slarivo Sign In Flow

  Sing In Flow with animated background

• Slarivo Sign Up

  Here is Sign Up form

• Slarivo Sign In

  Eye catching login experience. Adds motion and shine to your Sign-In UI, drawing user attention instantly. Perfect for modern apps and websites aiming for a lively first impression.

• Slarivo Family Sign In Drawer

  A bottom sign-in drawer with animated email and passkey tabs and a spring-height transition to a passkey authentication step.

• Slarivo Sign In

  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.

• Slarivo Sign In Block

  A clean sign-in form with email/password authentication and remember me option.

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Login / Signup

  Here is Login Singup minimalistic cardss

• Slarivo Login & Signup

  Here is Login & Signup component

• Slarivo Login & Signup

  Here is Login & Signup component

• Slarivo Login & Signup

  Here is Login & Signup component

• Slarivo Login & Signup

  Here is Login & Signup component

• Slarivo Login & Signup

  Here is Login & Signup component

• Slarivo AuthFuse

  AuthFuse: The All-in-One Animated React Authentication Component AuthFuse is a sleek, all-in-one authentication UI component for React, designed to fuse a seamless user experience with powerful functionality. It provides a complete, visually engaging solution for user sign-in, sign-up, and social logins, all within a single, easy-to-integrate package. Built with Tailwind CSS and Radix UI, AuthFuse is both beautiful and accessible right out of the box. Core Features Fluid Sign-In & Sign-Up: A smooth, single-component interface allows users to toggle between sign-in and sign-up forms without a page refresh. Dynamic Text Animations: Captivate users with an elegant, built-in typewriter effect for quotes and welcome messages, adding a professional, dynamic touch. One-Click Social Logins: Integrated "Continue with Google" button provides users with a fast and secure way to register and log in. Deeply Customizable Visuals: Easily tailor the component to your brand by customizing the display images and quotes for both the sign-in and sign-up experiences. Fully Responsive & Mobile-Ready: Guarantees a flawless user experience on any device, from large desktops to small mobile screens. Enhanced UX Controls: Features a built-in password visibility toggle, improving usability and reducing user friction. Built for Accessibility: Leverages Radix UI primitives to ensure the entire component is WAI-ARIA compliant and accessible to all users. Modern, Developer-Friendly Stack: Built with React, TypeScript, and Tailwind CSS for a type-safe and highly efficient development experience. Usage Integrating AuthFuse is as simple as dropping a single component into your application. It manages its own state for the auth form, allowing you to focus on your application's core logic while providing your users with a polished and intuitive authentication flow.

• Slarivo Login Form

  Login Form and the smokey background effect

• Slarivo Image Slider

  Image slider for login/signup screens. Rotates lifestyle or product photos alongside the authentication form. Enhances visual appeal and storytelling during user login.

• Slarivo Sign Up

  Here is Sign Up form

• Slarivo Sign Up

  Here is Sign Up form

• Slarivo Auth Form

  Grid Auth Form Used While Sign in or Sign up

• Slarivo Auth Form

  Auth form with AuthSignIn, AuthSignUp, AuthForgotPassword, AuthResetSuccess.

• Slarivo Login Form

  Here is Login Form component

• Slarivo Sign In Form

  This Sign-In Form component is a sleek and minimal authentication interface built with ShadCN UI and Lucide icons, designed to fit seamlessly into both light and dark themes. It combines traditional email/password login with social login options like Google, Apple, and GitHub, displayed using clean, self-hosted icons for consistent rendering across environments. The layout avoids clutter, presenting inputs and actions in a balanced way that emphasizes usability.

• Slarivo Form

  Here is Form component

• Slarivo Login

  Auth Form Split Screen This component provides a full-page, two-column layout for user authentication. The left panel contains the form, and the right panel displays a promotional image. It's built to be highly reusable, allowing you to customize the logo, titles, image, and form submission logic via props.

• Slarivo SignUpPage

  This is a signup page with an image on left and the form on right.

• Slarivo Login

  Here is Login component

• Slarivo One Time Password Sign In Card

  A responsive OTP Verification Card that uses react-hook-form with Zod validation, featuring a 6-digit input UI, accessible, user-friendly, and ideal for authentication flows.

• Slarivo Login Card

  Here is Login Card component

• Slarivo Auth Tabs Card

  The Auth Tabs Card is a clean and modern login/sign-up component built strictly with shadcn UI components. It combines both authentication forms into a single card with easily switchable tabs, saving space and improving the user experience. Social login buttons at the top allow for fast onboarding, while the plain design ensures it works seamlessly in both light and dark themes. The bottom text dynamically toggles between Sign In and Sign Up, making the interface intuitive and interactive without adding unnecessary clutter. This component is ideal for apps that want a minimal yet functional and user-friendly authentication flow.

• Slarivo Auth Divider

  A horizontal divider with centered label text, typically used to separate social login buttons from an email form on authentication screens.

• Slarivo Social Button

  Here is social button component.

• Slarivo HeroUI Button

  HeroUI Button with primary, secondary, tertiary, outline, ghost, danger and danger-soft variants, three sizes (sm/md/lg), icons and icon-only mode, pending/loading state, full-width, disabled state, social sign-in buttons and a render-prop children API. Works in both light and dark themes.

• Slarivo Modern Login & Signup

  Modern, responsive login and signup UI components built with React and Tailwind CSS — ready-to-use authentication forms with clean design and smooth UX.

• Slarivo Push Approval Card

  A push-notification approval card that prompts the user to confirm a sign-in request from their trusted device while waiting for approval.

• Slarivo Passkey Sign-In

  A compact sign-in card that lets returning users authenticate with a passkey using Face ID, Touch ID, or a security key, with an option to fall back to a password.

• Slarivo Auth Modal

  An animated authentication modal with social login buttons and email sign-in, opened from a trigger button.

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Dialog

  Enhanced shadcn/ui dialog

• Slarivo Dialog

  Enhanced shadcn/ui dialog

• Slarivo Modern Animated Sign In

  This design presents a sleek and user-friendly login page. The UI features a contemporary dark mode aesthetic with a deep blue background accented by subtle radial gradients that give depth.

• Slarivo Auth Page

  A modern split-screen authentication page with social login, email sign-in, and a floating animated background. Built for clarity, responsiveness, and a polished user experience out of the box.

• Slarivo Sign In Card

  A sophisticated sign-in form with subtle animated light beams traveling along the borders, creating an elegant, high-tech aesthetic with minimalist design elements.

• Slarivo Login / Signup

  Here is Login Singup minimalistic cardss

• Slarivo Login / Signup

  Here is Login Singup minimalistic cardss

• Slarivo Auth Switch

  A modern animated authentication component with Sign In and Sign Up forms, social login icons, and smooth transitions between modes.

• Slarivo Auth Switch

  A modern animated authentication component with Sign In and Sign Up forms, social login icons, and smooth transitions between modes.

• Slarivo Login

  A SignIn card component featuring animated buttons, input fields, and social media icons, all enhanced with gradient effects for a modern visual appeal.

• Slarivo Gaming Login

  A futuristic, gaming-themed NexusGate login UI built with React and TypeScript.

• Slarivo Signup Form

  A customizable form built on top of shadcn's input and label, with a touch of framer motion

• Slarivo Login & Signup

  Here is Login & Signup component

• Slarivo Modern & Stunning sign in

  Dark theme modern and stunning sign-in component.

• Slarivo Clean & Minimal sign in

  Clean and minimal sign in component with form data validation

• Slarivo Animated sign in

  Animated sign in

• Slarivo Login 1

  Login form with email and Google login buttons

• Slarivo Full Screen Signup

  Modern and Beautiful full screen Signup form with HextaUI

• Slarivo Travel Connect Signin

  This project is "Travel Connect," a modern web application designed for global travelers and digital nomads. It features an elegant login interface with a distinctive world map visualization made of animated dots and route lines.

• Slarivo Sign Up

  A stunning, open-source multi-step authentication UI component for modern web applications. Built with React, TypeScript, and Framer Motion, it delivers a visually captivating and highly interactive sign-up experience out-of-the-box. Key features include a sleek glassmorphism design, a fluid animated gradient background, delightful micro-interactions, and rewarding user feedback with loading states and a built-in confetti celebration on success. Perfect for developers looking to elevate their project's user onboarding with a polished and professional auth screen.

• Slarivo Navbar

  This MinimalChatBox component is a lightweight, interactive chat interface built with React, Framer Motion, and Tailwind. It provides a clean toggleable chat box that smoothly animates in and out of view. The design is simple yet functional, featuring an input field for typing messages and quick-access icons for opening, closing, and sending. Its minimal styling makes it easy to embed into any application while maintaining a modern, distraction-free look.

• Slarivo Signup 1

  Signup page with email and Google auth buttons

• Slarivo Minimal Auth Page

  A sleek authentication page with social login buttons, background effects, and responsive design. Perfect for login screens, signup flows, and onboarding experiences.

• Slarivo Sign-in

  Hero section with social login prompt. Welcomes returning users and offers multiple sign-in options. Ideal for modern apps aiming for seamless authentication with Google, Email, or GitHub.

• Slarivo Login Form

  Here is Login Form component

• Slarivo Onboarding Form

  Onboarding Form A visually engaging, animated onboarding form with a glassmorphism effect. It includes fields for avatar upload and display name, designed for reusability in any sign-up or profile creation flow.

• Slarivo Registration

  here is minimalistic registration page

• Slarivo Glass Card

  A glassmorphism card component with frosted glass effect and backdrop blur. Includes flexible sub-components (header, title, content, footer) for building modern transparent UI cards.

• Slarivo Login

  Here is Login component

• Slarivo Sign Up BLock

  A complete sign-up form with validation, password strength requirements, and terms acceptance.

• Slarivo login

  Here is minimalistic advanced login page

• Slarivo Auth Modal

  A modern authentication modal with Google and email login options. Clean UI, smooth animations, and ready to plug into your Next.js app.

• Slarivo login

  here is advanced login page

• Slarivo Sign In Flo

  A modern sign in flow with animated elements and minimal dependencies

• Slarivo Auth UI

  Authentication, sign in, sign up, signin, signup, login, create account

• Slarivo Terms & Conditions

  Here is Terms & Conditions dialog

• Slarivo Terms & Conditions

  Here is Terms & Conditions dialog

• Slarivo signin-page

  A beautifully crafted, production-ready authentication page featuring a split-screen design with form inputs on one side and an animated gradient hero section on the other. This component includes 17+ reusable sub-components, all self-contained in a single file for easy integration.

• Slarivo Gamified Login Card

  The Gamified Login Card is a playful and interactive login component designed to boost user engagement while maintaining a clean, modern look. Built strictly with shadcn UI components, it features micro-interactions such as input hover scaling and button animations, providing instant visual feedback. On successful login, a confetti animation celebrates the user’s action, while the login text dynamically updates to a welcoming message. Fully responsive and theme-aware, this component works seamlessly in both light and dark modes, offering a fun and rewarding login experience that aligns with apps aiming for a gamified or playful brand identity.

• Slarivo Login Card

  Here is Login Card component

• Slarivo Login Card

  Here is Login Card component

• Slarivo Split Login Card

  The Split Login Card is a modern and professional login component built entirely with shadcn UI. Its layout is split into two sections: the left side features a clean, welcoming message with a subtle gradient background and a centered illustration, creating a friendly yet minimal look, while the right side houses the login form with input fields and a primary action button. Designed for clarity and readability, the card balances whitespace and content, works seamlessly in both light and dark themes, and provides a polished, branded experience that enhances user engagement and trust.

• Slarivo SignInPage

  Login Page with an image and a form and a continue with google, github option.

• Slarivo Auth Dialog

  This component is a combined Sign Up and Login modal built with ShadCN UI and React. It allows users to toggle between signing up and logging in without opening separate dialogs, providing a seamless authentication experience. The form dynamically adjusts its fields based on the mode, showing the Full Name input only during Sign Up. The password field includes a show/hide toggle using Lucide Eye and EyeOff icons for better usability. Additional features include a Google sign-in button, responsive layout, and a terms acknowledgment for Sign Up.

• Slarivo Authentication Card

  A responsive Authentication Card component. Clean, accessible, and easy to integrate into authentication flows.

• Slarivo Signup

  Here is advanced signup page

• Slarivo Login Card

  The Login with Background Animation component is a modern, premium login interface built entirely with shadcn UI components. It features a dynamic animated gradient background paired with subtle floating particles, creating depth and a visually engaging experience without overwhelming the user. The login card itself remains clean and focused, containing email and password inputs along with a primary action button, all fully responsive and theme-aware for light and dark modes. This design enhances the perceived quality of the application, making it ideal for SaaS platforms, dashboards, or any modern web product that wants to impress users from the first interaction.

• Slarivo Sign In Card

  This SignInCard component is a modern, theme-aware login interface built with Shadcn UI and Tailwind CSS. It closely mirrors Microsoft’s official sign-in design, featuring the authentic Microsoft logo, a clean header, an input field for email or username, and action links for account creation or password recovery. The footer provides clear navigation with Back and Next buttons, styled for accessibility in both light and dark modes. Its responsive, card-based layout makes it suitable for authentication flows in SaaS platforms, enterprise apps, and portals where a familiar, professional sign-in experience enhances user trust and usability.

• Slarivo Social Authentication Block

  Social authentication configured for auth flow with different messaging.

• Slarivo Login

  here is minimalistic login pag

• Slarivo Dialog

  Here is Dialog component

• Slarivo Social Auth Card

  The Social Auth First Card is a modern onboarding component built entirely with shadcn UI. It prioritizes social login buttons at the top—Google, GitHub, and LinkedIn—making it quick and easy for users to sign in. Below the social options, an optional traditional login form provides a fallback for email/password authentication. A subtle divider with “or” clearly separates the two sections, maintaining a clean and organized layout. Fully responsive and theme-aware, this card enhances the user experience with a friendly, branded look while supporting both light and dark modes, making it ideal for fast and seamless onboarding.

• Slarivo 8-bit Login Form

  Login form card with email and password fields, plus Google sign-in, built in the retro 8-bit pixel style.

• Slarivo Sign Up 2

  A centered sign-up card with email signup, social login buttons for Google and GitHub, and a link to an existing account.

• Slarivo Sign up Form

  A modern demo/template sign up form.

• Slarivo Login Page 2

  A centered card login page with email and password fields, social sign-in buttons, and a create-account link.

• Slarivo Auth Form with Spinner

  A sign-in form with email and password fields whose submit button shows an inline loading spinner while signing in and a success state when done.

• Slarivo Auth Form

  Authentication card with Google and GitHub SSO buttons, email magic-link sign-in, and last-used provider badges for login and signup flows.

• Slarivo Login Page 1

  A responsive centered login page card with email and password fields, remember-me, forgot password, and social sign-in buttons.

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Dialog

  Enhanced shadcn/ui dialog

• Slarivo AI prompt Box

  AI prompt Box, AI chat Input, AI chat box, with search, with think, with thinking, with canvas, with audio recording

• Slarivo Chatgpt Prompt Input

  This is a complete replica of the chatgpt prompt input some may call it chat input or prompt box or promptbox

• Slarivo Logos 3

  Client logos scrolling automatically with a Carousel with masked edges

• Slarivo Animated AI Chat

  An AI chat interface with glass-morphism design and smart command features. Built with React and Framer Motion for smooth animations and professional interactions.

• Slarivo AI Voice Input

  A voice input component with an animated visualizer and recording timer. It includes a demo mode, customizable visualizer, and recording callbacks. Features: • Animated audio visualizer • Recording timer display • Demo/preview mode • Start/stop callbacks • Dark mode support • Customizable visualizer bars • Mobile responsive

• Slarivo Interactive Icon Cloud

  An interactive 3D tag cloud component

• Slarivo Interactive Bento Gallery

  Interactive Bento Gallery

• Slarivo Sidebar Component

  Here is Sidebar Component

• Slarivo AI Chat Input

  Animated and interactive AI chat input component.

• Slarivo AI Input With Loading

  A chat input component with a loading state animation featuring an auto-resizing textarea, loading spinner, and status message. Features: • Loading state animation • Auto-resizing textarea • Customizable loading durations • Dark mode support • Status messages • Keyboard shortcuts • Auto-animation mode • Mobile responsiveness

• Slarivo Get Started Button

  An animated call-to-action button that reveals a chevron icon on hover, perfect for primary actions and onboarding experiences.

• Slarivo Message Dock

  This is an animated, expandable message dock component that allows users to select a character and send contextual messages through a sleek, reactive UI. It supports emoji-based avatars, online indicators, gradient themes, and smooth transitions using framer-motion, with auto-collapse, outside-click handling, and full customization options via props. Perfect for AI assistant selectors, chat applications, work dashboards, character chatbots, onboarding helpers, or interactive UI mascots in apps or games.

• Slarivo Galaxy Interactive Hero Section

  A dynamic and visually engaging hero section featuring a Spline 3D background, a responsive navigation bar with blurred effects and dropdowns, a prominent content overlay with parallax scrolling text, buttons, and a follow-up screenshot section with parallax. Fully responsive and includes mobile navigation

• Slarivo AI Input

  AI Input popover

• Slarivo Login & Signup

  Here is Login & Signup component

• Slarivo Login & Signup

  Here is Login & Signup component

• Slarivo Animated Testimonials

  A clean animated testimonials section

• Slarivo Digital Serenity - Animated Landing Page

  Component creates a visually immersive and calming landing page. It features a dark UI with animated text quotes appearing word by word, a dynamic grid background, subtle floating elements, corner decorative accents, and interactive effects like a mouse-following gradient and click ripples. 

• Slarivo Sticky Scroll

  Here is Sticky Scroll component

• Slarivo Interactive Globe

  Interactive 3D rotating globe built with pure canvas — zero dependencies. 1,200 Fibonacci-distributed dots form the sphere, glowing arcs connect city markers with traveling light particles, pulsing rings mark locations with labels. Drag to rotate with pointer capture, auto-rotates when idle. Configurable markers, connections, colors, and speed. The demo mirrors the Spline robot layout — dark card, left copy, right interactive 3D.

• Slarivo IntegrationHero

  The IntegrationHero component is a visually engaging section designed to showcase integrations with popular tools. It features two horizontal rows of app icons that continuously scroll in opposite directions, creating a dynamic carousel effect. The component includes a central call-to-action with a headline, description, and a “Get Started” button, encouraging users to explore integrations.

• Slarivo AI Assistant Interface

  An AI chat interface, with input, file uploads, suggestions and an animated logo

• Slarivo Avatar Circles

  Overlapping circles of avatars.

• Slarivo Interactive Logs Table

  Observability logs panel with animated filters, search, and expandable rows

• Slarivo Interactive Checkout

  Interactive checkout when adding items to shopping cart.

• Slarivo Team Showcase

  A magazine-style team section featuring a three-column staggered photo grid paired with an interactive member list. Photos default to grayscale; hovering a photo or a name entry simultaneously reveals the portrait in full color and highlights the corresponding name row. Includes social link icons (X, LinkedIn) that animate in on row hover.

• Slarivo Assisted Password Confirmation

  Password confirmation component with visual feedback and animations for matching or incorrect inputs

• Slarivo Landing Page

  A 3D Interactive Landing page

• Slarivo Animated State Icons

  12 icons that continuously morph between two meaningful states — loading→checkmark, hamburger→X, play→pause, lock→unlock, copy→copied, bell→notification, heart fill/unfill, download→done, send→fly, toggle switch, eye→hidden, volume→mute. Each cycles on its own timer with spring physics and smooth transitions. Import individually and control the toggle programmatically.

• Slarivo Registration Stepper

  Registration Stepper A responsive and animated stepper component designed to guide users through a multi-step process. It visualizes the current, completed, and pending steps using an accordion-style layout with smooth transitions powered by framer-motion. The component is built with shadcn/ui principles, ensuring it's theme-adaptive and highly customizable through props.

• Slarivo Premium Auth

  A modern, animated authentication component with a beautiful glass-morphism design. Features include: Toggle between Login and Sign Up modes Form validation with error handling Password visibility toggle Social login options (Google and GitHub) Loading states and smooth animations Success/error message handling Responsive design with mobile support Beautiful background effects and particle animations Built with React, Framer Motion, and Tailwind CSS Component Type: UI Component Tags: authentication login signup modal glass-morphism animation form social-login premium tailwind framer-motion Cover Image Description: The cover image should showcase the component's glass-morphism design with: The main authentication modal with a blurred background The neural network pattern and moving gradient orbs The login form with input fields and social login buttons The premium badge with sparkle animation A dark theme with purple/indigo gradients Video Preview Description: The video should demonstrate: Opening animation of the modal Switching between Login and Sign Up modes Form validation and error states Password visibility toggle Loading states during authentication Success message animations Social login button interactions Background particle animations Hover effects on buttons and inputs Closing animation Technical Requirements: React 16.8+ Framer Motion Tailwind CSS Lucide React icons Usage Example: import { PremiumAuth } from './premium-auth'; function App() { return ( <PremiumAuth onClose={() => { // Handle modal close console.log('Modal closed'); }} /> ); } Features: Authentication: Email/Password login User registration Social login (Google & GitHub) Form validation Error handling UI/UX: Glass morphism effect Animated background Floating particles Smooth transitions Loading states Success/Error messages Responsive Design: Mobile-friendly Adaptive layout Touch-friendly inputs Proper spacing Accessibility: Keyboard navigation ARIA labels Focus management Error announcements Performance: Optimized animations Lazy loading Efficient state management Minimal dependencies This component is perfect for: Premium SaaS applications Modern web applications Authentication flows User onboarding Premium feature access Subscription-based services The component is designed to be: Easy to integrate Highly customizable Well-documented Performance-optimized Accessible Mobile-responsive

• Slarivo Buttons

  Here is Buttons Components

• Slarivo OTP Verify

  OTP verify with GIF

• Slarivo Security Card

  Here is Security Card component

• Slarivo Success Login Card

  The Card with Micro-Animations on Success is a polished and configurable login card built with shadcn UI components, designed to provide users with instant, professional feedback. Instead of plain static messages, this card delivers subtle success animations such as a checkmark drawing itself or a smooth background color shift, creating a sense of accomplishment without unnecessary clutter. Developers can pass in customizable props like fields, onChange, onSubmit, and even choose the animationType (checkmark, color-shift, or none) depending on the brand’s tone. By keeping the layout clean and minimal while offering meaningful micro-interactions, this component improves user trust and makes the authentication flow feel more modern and engaging, all while remaining versatile enough to adapt to different applications.

• Slarivo Login page

  Login page with gradient animated background

• Slarivo Create Account Form

  This form component is designed as a clean and modern account creation interface that balances simplicity with professionalism. The use of a card layout with a subtle gradient background makes it feel lightweight and approachable, while the inclusion of icons inside the input fields (name, email, and password) improves readability and usability. The copy has been carefully chosen to guide users in a friendly yet clear manner — with a welcoming title, a concise description of purpose, and an action-driven button ("Get Started"). Additionally, the footer text reinforces trust by highlighting the Terms of Service and Privacy Policy.

• Slarivo Globe Interactive

  A WebGL globe with clickable markers that expand to show user counts. Click markers to toggle detail panels.

• Slarivo Input

  GSAP Recreation Of Aceternity UI's Signup Form Components Input Components

• Slarivo Forgot Password

  Here is Forgot Password component

• Slarivo Cloud Watch Form

  This Interactive Cartoon Form component is a playful, engaging form built with Next.js, TypeScript, and Shadcn UI. It features a cartoon face whose eyes follow the user’s cursor, creating a sense of interactivity and liveliness. The eyes naturally blink periodically, enhancing the realistic feel of the animation. When the user focuses on the password field, the eyes “close” to mimic privacy, represented by a black line, and reopen once typing is done. The form itself uses Shadcn UI components for inputs, labels, and buttons, and is set against a stylish semi-transparent, blurred background, giving it a modern “glass” effect. This combination of animation and UI design makes filling out the form a fun, visually appealing experience while remaining fully functional.

• Slarivo Reset Password Form

  Reset Password Form A multi-step form component that guides users through verifying a code and setting a new password, complete with real-time validation and smooth animations.

• Slarivo Flip Card

  The Flip Card: Info + Login component is a versatile and interactive card that combines branding, guidance, and authentication in a single UI element. The front side can display a rich set of information—titles, descriptions, feature highlights, tips, and icons—allowing users to quickly understand the app’s value before logging in. The back side hosts a fully configurable login form with multiple fields and custom actions, while the success state provides immediate positive feedback upon login. With props for customizing content, fields, buttons, and illustrations, this component adapts to a wide range of use cases, maintaining a clean and modern design without relying on dark colors or excessive animations.

• Slarivo Onboarding Dialog

  A multi-step onboarding dialog with carousel navigation, animated progress dots, and cross-fading content. Built with Embla Carousel and Motion.

• Slarivo Interactive Hero Backgrounds

  Minimal dark hero section with 3D physics-based floating spheres and a centered email signup for dynamic user engagement.

• Slarivo Assignee User

  Here is user assignation component by indev ui

• Slarivo Input

  Upgaraded shadcn/ui Input

• Slarivo Dialog

  Enhanced shadcn/ui dialog

• Slarivo Marquee

  Very useful while showcasing comments or technologies

• Slarivo Sterling Gate: Kinetic Navigation

  An authoritative full-screen navigation component designed for high-end digital experiences. This menu utilizes a "Reveal" logic—where the interface transitions from a focused view to an immersive, typography-heavy navigation layer. Inspired by the "Silver" Paya and "Jalchar" (Water) elements, the transitions are fluid and heavy-weighted, providing a tactile sense of depth. It features interactive hover states that "ripple" across the menu items, perfect for agencies and luxury brands that prioritize a "Quiet Luxury" aesthetic.

• Slarivo social card

  this is social card

• Slarivo banner

  A stylish banner component for modern UIs, built with accessibility and animation in mind.

• Slarivo Personal Landing

  A modern, responsive landing component with avatar, headline, social links, and a live message input with validation and toast notifications. Ideal for personal portfolios or digital profiles.

• Slarivo Social Icon

  Here is social icon button

• Slarivo Onboarding / Welcome Screen

  Onboarding / Welcome Screen used to greet new users and introduce the app’s purpose. It features a hero image for visual appeal, a clear welcome title, a short description highlighting the app’s value, and two calls-to-action — a primary button (“Let’s get started”) for new users and a secondary link (“Login Now”) for returning users. It’s ideal for first-time app launches to drive sign-ups or logins.

• Slarivo Animated Form

  Here is Animated Form component

• Slarivo welcome

  A confirmation screen component with confetti animation, typically used after account creation.

• Slarivo Dialog

  Here is Dialog component

• Slarivo Dialog

  Here is Dialog component

• Slarivo Multi Step Login

  The Multi-Step Login component is a clean, user-friendly authentication flow built entirely with shadcn UI. By splitting login into three distinct steps—email entry, password or OTP input, and 2FA verification—it reduces cognitive load and guides users through the process smoothly. A visual step indicator at the top clearly communicates progress, while the use of familiar shadcn UI components (Button, Input, Label) ensures consistency and accessibility. Fully responsive and theme-aware, this component provides a modern, polished experience that improves usability and enhances user confidence during login.

• Slarivo Dialog

  Here is Dialog component

• Slarivo Newsletter Dialog

  Newsletter Dialog A promotional dialog component designed to capture user sign-ups for a newsletter. It features a prominent image, customizable text sections, an email input field, and a call-to-action button, all wrapped in an animated, accessible modal.

• Slarivo Centered Nav Header

  A responsive three-column site header with the logo pinned left, navigation links centered, and a sign-in link plus primary CTA on the right, collapsing into a mobile sheet menu.

• Slarivo Login with SSO

  A centered login card with email and password fields, a show/hide password toggle, remember-me checkbox, and a single sign-on (SSO) button.

• Slarivo Login with Email and Password

  A centered login form with email and password fields, a sign-in button, and a reset-password link.

• Slarivo Login 03

  Login with image and logos,

• Slarivo Neural Access Login

  A futuristic cyberpunk authentication interface featuring smooth animations, minimal monochrome styling, and immersive sci-fi aesthetics.

• Slarivo Auth Section 1

  A full-screen sign-up authentication section with social login buttons, an animated grain-gradient side panel, and a create-account form.

• Slarivo Auth Section 2

  A split-screen sign-up page with an animated AI-image showcase panel and a social + email registration form.

• Slarivo Signature Pad

  Here is Signature Pad component

• Slarivo Auth Two-Factor Setup

  A two-factor authentication setup card with QR code, manual secret key, backup codes, and enable/disable controls.

• Slarivo PIN Keypad Unlock

  A full-height numeric keypad lock screen with PIN dots, a biometric shortcut, and a backspace key for mobile app locks and quick re-authentication.

• Slarivo Hero Scroll Video Pin Reveal

  A cinematic hero section with GSAP SplitText kinetic word reveal, clip-path badges, and an expanding full-screen drone video pin animation across mobile, tablet, and desktop.

• Slarivo Login Form Card

  A sign-in card with email and password fields, a show/hide password toggle, a divider, and a social login button.

• Slarivo Login Form Card

  A login card with email and password fields plus sign-in and Google OAuth buttons.

• Slarivo Auth Change Password

  A change password form card with current password, new password, and confirmation fields, inline validation, show/hide toggles, loading and success states.

• Slarivo Auth Email Change

  An email address change form with new-email and password verification fields, inline validation, loading and success states.

• Slarivo Reset Password OTP Code

  A card with a six-digit OTP input for verifying a password-reset code sent by email.

• Slarivo Reset Password Email Link

  A password reset card with an email input and a button that sends a reset link, plus a link back to sign in.

• Slarivo Sign In Form

  A sign in card with email and password fields validated on submit using TanStack Form and Zod.

• Slarivo Forgot Password Form

  A forgot-password form that collects an email address and shows a confirmation state after sending a password reset link.

• Slarivo Sign Up Form

  A sign up / register form with email, password, confirm password, terms checkbox and a loading submit button, built on Base UI form fields with validation.

• Slarivo Change Password Form

  A change-password card with current, new, and confirm password fields, inline validation, and a loading submit button.

• Slarivo Sticky Header Navbar

  A sticky site header with a centered pill-shaped nav bar, logo, sign in/up buttons, and an animated dropdown mobile menu.

• Slarivo Centered Social Login

  A centered login card with Google and Apple social sign-in buttons above a standard email/password form.

• Slarivo Centered Sign-Up Card

  A minimal centered sign-up card with name, email, and password fields plus a link to sign in, for account creation pages.

• Slarivo Animated Verification OTP Input

  A 6-digit one-time-passcode input with an animated rotating particle-sphere avatar, glowing typing feedback per slot, and a success state shown once the code is complete.