Creative Tim UICreative Tim UI

Sign-in form with image and social authentication options - shadcn/ui

PRO

A split-screen sign-in layout with form on the left and decorative image on the right. Features terms agreement checkbox, newsletter subscription option, and multiple social authentication buttons (Google, X/Twitter). Built with shadcn/ui for a professional, conversion-optimized login experience.

Preview

Component Details

ID
authentication-02
Type
Block
Access
PRO
Published
3 Apr 2026

Files Included

  • app/authentication-02/page.tsx
  • components/creative-tim/blocks/authentication-02.tsx

Components Used

Explore More Blocks

Account
AccountBeautiful and customizable account management components for React and Next.js. Build user profiles, settings, authentication flows, and account dashboards with ready-to-use blocks.
Card
CardVersatile card layout components for React and Next.js. Build content cards with avatars, images, backgrounds, call-to-action buttons, and various layouts for displaying information in organized containers.
Calendar
CalendarProfessional calendar and scheduling components for React and Next.js. Build event calendars, weekly schedules, daily planners, and event creation forms with date pickers and time management.
Editorial
EditorialMagazine-quality editorial layouts where typography is the design. Multi-column spreads, text wrapping around images with pixel-precise line routing via Pretext, oversized words as visual anchors, pull quotes, drop caps, and the kind of spatial confidence you find in print — now in React.
Coming Soon
Coming SoonProfessional coming soon and launching soon page components for React and Next.js. Build launch pages with countdown timers, email subscriptions, video backgrounds, app previews, and notification signup forms.
Maintenance
MaintenanceProfessional maintenance and downtime page components for React and Next.js. Build scheduled maintenance notifications, system upgrade messages, and under construction pages with email notifications and social links.
Table Header
Table HeaderProfessional table header components for React and Next.js. Build search bars, filter controls, category tabs, action buttons, and sorting options for data tables with flexible layouts.
Table Footer
Table FooterProfessional table footer components for React and Next.js. Build pagination controls, row selection displays, date range filters, progress indicators, and action buttons for data tables with customizable layouts.