Nyx UI

Clerk Bento

User authentication

Everything you need for authentication

Ever feel like authentication requirements change with the season? Stay ahead of the latest trends and security best practices.

Multifactor Authentication

Each user's self-serve multifactor settings are enforced automatically during sign-in.

Fraud and Abuse Prevention

Reduce fraudulent sign-ups and free trial abuse by blocking high-risk disposable email domains and restricting the use of email subaddresses with the “+” separator.

Advanced security

We are SOC 2 type 2 compliant and CCPA compliant. We conduct regular third-party audits and penetration tests.

Session Management

Manage the full session lifecycle, including critical security functionality like active device monitoring and session revocation.

Social Sign-On

Add high-conversion Social Sign-on (SSO) to your application in minutes. 20+ options and growing.

Bot Detection

Dramatically reduce fraudulent sign-ups with built-in, continually updated machine learning.

Email and SMS one-time passcodes

Fast and reliable one-time passcode delivery with built-in brute force prevention.

Magic Links

Improve sign-up conversion rates and filter out spam/fraud with Magic Links.

Passwords

Simple and secure password authentication, complete with breach detection and recovery options.

API Keys

Give every user secure, production-ready API keys without
building any of the underlying boilerplate code or UI.

CLI

Empower your AI agents to set up authentication with the CLI. No need to leave your terminal.

Clerk Bento is a Clerk.com-inspired take on the authentication story grid: eleven mockup cards covering MFA, fraud detection, security, sessions, SSO, radar, OTP, magic links, passwords, API keys, and CLI, arranged in a 3 by 4 bento layout. Each card is hover gated, running its own GSAP and Framer Motion timeline when the cursor enters it. Built with React and Tailwind CSS. Use it as the centerpiece of a security or identity product page.

Installation

Install dependencies.

Copy and paste the following code into your project.

Unlock the full library

Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.

Get All Access

Update the import paths to match your project setup.