Hi everyone! 👋 I’m working on a Next.js project where I’ve already set up UI components (like

Input

,

Button

, etc.) based on a custom design system. Now I’m planning to integrate Ory for authentication (login). I saw that there’s Ory Elements, and I’m wondering: 👉 Should I use Ory Elements and override its components with my own from the design system? Or 👉 Is there a better/recommended way to customize the UI while still using Ory? Thanks in advance for any guidance! 🙏

Hi, yes that would be the recommended approach. However, we're still working on improving the overridability of certain components, as there currently is a large amount of work needed to get it working. Keep an eye on https://changelog.ory.sh for updates on this.

@bland-eye-99092 Can you give me an example with Next.js of how to use

Ory Elements

and then override the UI with my own components? I’ve searched and read through the documentation but haven’t seen this mentioned. Thank you.

No, not yet. We're still working on that 🙂

Hey I would also love to see an example!