Standalone or embedded in Ory Agent DX, Ory Elements gives you UX control
Unlike traditional auth and IAM solutions, Ory Elements offers developer-friendly tools that give you full control over your user experience without compromising on security or speed.
Take control over UI and auth flows — with Ory Elements, every detail of the user experience is yours to design.
Why Ory Elements?
Ory Elements is a modular and customizable open-source component library that simplifies building and styling login, registration, and account pages, allowing you to easily build user login experiences that match your implementations design and flow.
Developer-centric
Integrates directly into modern development workflows (React, Next.js, TypeScript), allowing teams to introduce auth updates without vendor tickets or external IAM team dependencies required.
Fully customizable
Enable pixel-perfect branding, complete UI/UX control, and extensibility, letting developers adjust to match product vision and changing user preferences over time.
Theme with Simple CSS Variables
Don't want to use your own components? No problem. Use our pre-built components instead and customize them to match your design with CSS variables. You can even mix and match approaches throughout your project, using your own components where you need full control and our pre-built ones where you want to save time.
Why Ory Elements?
Ory Elements accelerates time-to-market, reduces engineering overhead, and provides the freedom to own your user’s experience with login flows that look like your brand.
Time & resource savings
Streamline development with out-of-the-box, enterprise-grade authentication flows (MFA, passwordless, social login) featuring responsive, mobile-first design and internationalization, allowing developers to focus on building value.
No vendor lock-in or limitations
Your auth components live in your repository. Switch between Ory Network and self-hosting anytime. Ory gives you freedom and flexibility at all times with how you want to build with no proprietary dependencies.
Deploy Your Way: SaaS or Self-Hosted
Use Ory Network's managed Account Experience for instant deployment, or self-host for complete control. Same components, same customization options, your choice of infrastructure.
The dev experience modern auth deserves
The Ory Network is simple, secure identity infrastructure for the cloud. Scale your business and don’t lose sleep over data breaches and leaks.
// Copyright © 2024 Ory Corp
// SPDX-License-Identifier: Apache-2.0
// registration/page.tsx
import { Registration } from "@ory/elements-react/theme"
import { getRegistrationFlow, OryPageParams } from "@ory/nextjs/app"
import config from "@/ory.config"
export default async function RegistrationPage(props: OryPageParams) {
const flow = await getRegistrationFlow(config, props.searchParams)
if (!flow) {
return null
}
return (
<Registration
flow={flow}
config={config}
components={{
Card: {},
}}
/>
)
}
Ory Agent DX: Build secure apps at the speed of thought, the right way.
Ory Agent DX is the ultimate developer toolkit that unifies AI automation with Ory’s hardened security ecosystem. By seamlessly blending Model Context Protocol (MCP) servers, plugins, CLI, and Ory Elements, it gives developers a conversational, agent-led workflow to develop enterprise-ready identity, access management, and fine-grained permissions.
