Ory Elements

Ory Elements is a component library that makes building login, registration and account pages for Ory a breeze:

• Reduces time to add complex auth flows to your customer experience, including multi-factor authentication and account recovery.
• Customizable, themeable, and replaceable components.
• Works with the React ecosystem (Next.js, plain React).
• Dynamically adapts the user interface to your Ory identity schema, sign-in and flow configuration.

Ory Elements comes with several packages:

• @ory/elements-react
• @ory/nextjs

Note

If you've used @ory/elements, @ory/elements-markup or @ory/elements-preact before, we recommend migrating to @ory/elements-react. The legacy code base is in https://github.com/ory/elements-legacy.

Getting Started

React

npm install @ory/elements-react react react-dom

For more information, see packages/elements-react.

Next.js

npm install @ory/nextjs

For more information, see packages/nextjs.

Example Apps

Full examples are available in the examples/ directory of this repository.

• app router
• pages router