Onyx — login screen for Ory Kratos, light mode
Login
1 / 7

Onyx

Coming soon

Compatible with Ory Elements 0.9

$59 — one-time purchase

No subscription. No per-seat fees. Use on one production application.

What's included

  • Login (password · social · passkey · TOTP) (included)
  • Registration (included)
  • Account Recovery (included)
  • Email Verification (included)
  • Account Settings (included)
  • Error Pages (included)

Framework & Platform

ory css+react

Tags

minimal dark-mode nextjs

Launching soon

Be first to know when Onyx is available. Join the waitlist.

About Onyx

Onyx is designed for teams who want polished auth UI without a design sprint. The aesthetic is intentionally neutral — dark background, off-white text, single accent color — so it adapts to most product brands with a one-variable tweak.

Flows covered

  • Login — password, Google/GitHub social, passkey, and TOTP challenge screens
  • Registration — single-page registration with all identifier types
  • Account Recovery — email-based password reset flow
  • Email Verification — post-registration verification screen
  • Account Settings — profile editing, password change, linked social accounts, TOTP setup/disable
  • Error — Kratos error page with user-friendly messaging

Integration

One CSS import in your root layout covers all flows:

import '@orythemes/onyx/theme.css'

Full integration guide included in the theme package: framework setup, CORS configuration, required environment variables.

Requirements

  • Ory Elements 0.9.x
  • Any framework: Next.js 14+, Remix, or Vite-based React apps
  • Optional: TypeScript token overrides via ThemeProvider.themeOverrides

Get notified at launch

Be the first to purchase Onyx when it ships.

No spam. Unsubscribe anytime. We email to announce new themes and major updates — nothing else.