SLARIVO / SIGN UPS

Sign ups Components

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

• Slarivo Sign Up

  Here is Sign Up form

• Slarivo Sign up Form

  A modern demo/template sign up form.

• Slarivo Signup

  Here is advanced signup page

• Slarivo Signup 1

  Signup page with email and Google auth buttons

• Slarivo newsletter signup

  This is news letter signup

• 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 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

  A reusable sign-up component

• Slarivo Signup Form

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

• Slarivo Registration

  here is minimalistic registration page

• 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

  Here is Login component

• Slarivo Sign Up BLock

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

• 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 login

  here is advanced login page

• Slarivo Sign In Flo

  A modern sign in flow with animated elements and minimal dependencies

• Slarivo Terms & Conditions

  Here is Terms & Conditions dialog

• Slarivo Terms & Conditions

  Here is Terms & Conditions dialog

• Slarivo Input

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

• 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 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 Newsletter Signup

  A customizable newsletter signup form with validation and success message.

• Slarivo Card Studio

  Here is Card component

• Slarivo Login Card

  Here is Login Card component

• 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 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 Centered Newsletter CTA

  A minimal centered call-to-action section with a badge, heading, description, action buttons, and footnote, ideal for newsletter signups and conversion areas.

• Slarivo Newsletter Signup

  A centered newsletter signup section with an email input, subscribe button, and marketing-consent checkbox.

• Slarivo Sign In

  sign in log in signin login

• Slarivo Dialog

  Enhanced shadcn/ui dialog

• Slarivo Dialog

  Enhanced shadcn/ui dialog

• Slarivo Sign In Flow

  Sing In Flow with animated background

• 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 Confetti

  Confetti animations are best used to delight your users when something special happens

• 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 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 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 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 Calendar

  Book a call

• 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 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 Sign Up

  Here is Sign Up form

• Slarivo Sign Up

  Here is Sign Up form

• 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 Sign in

  Sign in flow with shadcn/ui components

• 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 Auth Form

  Grid Auth Form Used While Sign in or Sign up

• 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 Waitlist Landing Page with Countdown Timer

  A sleek waitlist component featuring a mesmerizing ethereal beam background, countdown timer, and social proof indicators. Perfect for product launches, beta releases, or early access campaigns. Includes email capture, user avatars showing recent signups, and a live countdown creating urgency. The dark theme with vibrant gradient effects creates an engaging, modern aesthetic that converts visitors into early adopters.

• 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 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 Sign In

  A simple sign in component

• Slarivo Form

  Here is Form component

• 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 SignUpPage

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

• Slarivo Sign In Block

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

• 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 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 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 login

  Here is minimalistic advanced login page

• Slarivo Auth UI

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

• Slarivo form

  minimalistic register form

• Slarivo Dialog

  Here is Dialog 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 Newsletter Card

  Newsletter Card A visually polished and accessible newsletter sign-up form. It features a distinct, theme-aware color palette and subtle animations on focus and hover to enhance user experience.

• Slarivo Form

  Minimalistic form layout

• Slarivo Login

  here is minimalistic login pag

• Slarivo Dialog

  Here is Dialog component

• Slarivo Dialog

  Here is Dialog component

• 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 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 Newsletter Band

  A full-width horizontal newsletter band with a branding label, heading, and subtext on the left, and an inline email input with a subscribe button, consent checkbox, and privacy note on the right.

• Slarivo Sign In Split Screen

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

• 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 Login Page 1

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

• 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 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 Card Signup Form

  A centered signup card with name, email, password and confirm-password fields, a newsletter checkbox, and terms links for creating a new workspace account.

• 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 Dialog

  Enhanced shadcn/ui dialog

• Slarivo Placeholders And Vanish Input

  Sliding in placeholders and vanish effect of input on submit

• Slarivo Interactive Icon Cloud

  An interactive 3D tag cloud component

• Slarivo Multistep Form

  Here is Multistep Form component

• Slarivo Sidebar Component

  Here is Sidebar Component

• Slarivo AI Chat Input

  Animated and interactive AI chat input component.

• 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 Interactive Selector

  A visually striking, interactive React component showcasing premium camping options with smooth animations, responsive layout

• Slarivo Ruixen Moon Chat

  This RuixenMoonChat component is a visually minimalistic AI chat-style interface designed to sit just below the center of the screen against a full-screen moon-themed background image. The interface is inspired by the first empty-chat look of modern AI tools like ChatGPT, keeping the design lightweight, monochromatic (black, white, and neutral grays), and distraction-free. At the top center, there’s a bold white heading with a short tagline encouraging users to start typing. The main chat input box appears closer to the lower half of the screen and includes an auto-resizing textarea for smooth typing without manual resizing. A row of Quick Action buttons below the input provides ready-to-use prompts such as Generate Code, Launch App, UI Components, and more—ideal for developers exploring new ideas quickly. These buttons are styled as rounded, subtle pills with borders and icons from Lucide to keep the experience consistent and professional. The design avoids scroll bars and dark/light theme toggles, offering a clean black-and-white look that emphasizes the background image and central chat input. Overall, this component works well as a starting point for an AI-powered coding assistant or creative brainstorming tool.

• 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 Login Form

  Login Form and the smokey background effect

• Slarivo Banner

  he Banner component is a flexible notification element for showing messages, alerts, or announcements. It supports multiple variants (success, warning, info, premium, etc.), different sizes, optional icons, action buttons, and a closable option. It also includes an autoHide feature to dismiss the banner automatically after a set time and an optional shimmer shade effect for extra visual emphasis.

• 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 CaseStudies

  This component is a pricing plan selector built with React and ShadCN UI. It displays three subscription options—Free, Pro, and Enterprise—each inside a styled card. The plans include a title, price, base units, and a list of features. A toggle button allows switching between showing the base units included in each plan or the per-unit pricing. The design ensures clarity by neatly aligning text, removing decimals

• 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 Interactive Checkout

  Interactive checkout when adding items to shopping cart.

• Slarivo Assisted Password Confirmation

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

• Slarivo Login Form

  Here is Login 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 Coach Scheduling Card

  This is a fully interactive, motion-enhanced Coach Scheduling Card that allows users to view a coach’s weekly availability, select time slots, choose a location, and confirm bookings—all in a single animated, responsive UI. It blends profile preview, dropdown logic, availability grids, and confirmation flows into a seamless component with thoughtful framer-motion effects throughout. Animations are conditionally toggled for accessibility, and the UI adapts to user actions in real-time. Perfect for fitness apps, tutoring platforms, service marketplaces, or any SaaS tool offering human-led bookings with sleek UX.

• Slarivo Ride Booking Form

  Ride Booking Form This component provides a complete UI for scheduling a ride, including location inputs, date/time selectors, and a call-to-action button. It's designed to be easily integrated into any application requiring a booking interface.

• Slarivo Login

  Here is Login component

• Slarivo OTP Verify

  OTP verify with GIF

• Slarivo Connect With Us

  a simple gradient connect with us section for your websites, cool icons with pretty funky animations

• 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 Joblisting

  sleek animation job lisiting model type component

• Slarivo Globe Interactive

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

• Slarivo Avatar Picker

  Animated avatar picker.

• 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 Onboarding Checklist

  Onboarding Checklist Description: A visually engaging card component that displays a checklist of required items alongside a video guide. It's designed to prepare users for an onboarding process, ensuring they have all necessary documents and information ready. The component is fully responsive, theme-adaptive, and includes subtle animations to enhance user experience.

• 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 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 Onboarding Dialog

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

• Slarivo MarkerPopup

  Marker popups for rich location cards with labels, media, ratings, hours, and actions.

• 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 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 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 Login Card

  Here is Login Card component

• Slarivo Subscription Screen

  Subscription Screen A responsive, theme-adaptive subscription screen component designed to present pricing plans and key features in a visually appealing layout. It includes built-in animations and is structured for easy customization through props.

• Slarivo Ai chat input

  A modular, single-file React input bar designed for generative AI interfaces and agentic chat workloads, built on the shadcn/ui and Tailwind CSS architecture. Features dynamic spring-physics transitions (cubic-bezier engine) for height scaling, state-morphing typography, an integ

• 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 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 Social Button

  Here is social button component.

• Slarivo Button

  Enhanced shadcn/ui button

• 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 Dialog

  Enhanced shadcn/ui dialog

• Slarivo Auth Form

  Auth form with AuthSignIn, AuthSignUp, AuthForgotPassword, AuthResetSuccess.

• Slarivo Fey.com Button

  Fey.com trial button

• Slarivo Login Form

  Here is Login Form component

• Slarivo banner

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

• 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 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 Signature Pad

  Here is Signature Pad component

• Slarivo Neural Access Login

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

• Slarivo Floating Dots CTA

  A gradient call-to-action button with rising floating dot particles and an animated arrow icon on hover, for signup or primary actions.

• Slarivo Multi-Field Form

  A complete sign-up form combining text inputs, a role select, and a newsletter checkbox with inline validation and a loading submit button.

• 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 Onboarding Wizard Form

  A three-step onboarding wizard form with account details, plan selection with a newsletter opt-in, a review summary, and a success confirmation state.

• Slarivo Newsletter Signup Form

  A newsletter signup card with first/last name and email fields, a weekly-digest checkbox, a loading submit button, and a success confirmation state.

• Slarivo Email Signup Form

  A single-field, pill-shaped email signup form with a headline and CTA button, for ungated lead capture or newsletter opt-ins.

• 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.