Back to Designs
03Authentication
Iris Auth
Clerk-Inspired Authentication
A refined authentication portal with soft lavender gradients, frosted glass cards, and elegant form fields — directly inspired by Clerk.com's aesthetic.
Live Preview
Sign in to Iris
Welcome back! Please sign in to continue
or continue with
Or enter verification code
3
8
4
7
·
·
Don't have an account? Sign up
About this design
Iris Auth captures the essence of modern authentication design pioneered by platforms like Clerk. The lavender and violet palette creates a sense of trust and calm, while frosted glass effects and precise micro-interactions elevate every touchpoint. Social login buttons, OTP inputs, and form validation states are all designed to feel delightful rather than transactional.
Key Features
Frosted glass sign-in card
Social OAuth buttons
OTP code input
Animated transitions
Built With
ReactTailwind CSSFramer Motion
Tags
AUTHLAVENDERCLERK-STYLE