01
Navigation and account actions
A polished navbar experience with user state, dark mode affordances, and contextual account actions.
React components
Prebuilt authentication UI for React
Sign-in, account menus, and profile management as accessible React elements you can drop in today and restyle to your brand.
- Ready-to-use blocks
- Production-ready auth screens instead of designing every state from scratch.
- Fits your brand
- Adapt layout, color, copy, and interaction on top of the defaults.
- Built for auth flows
- Sign-in, account access, and session controls are already represented.
- Storybook
- Every element documented with its states and props in the public Storybook.
Elements
Real interface building blocks
The React elements you can ship with Authdog: sign-in, navigation, dropdowns, and profile surfaces that already feel product-ready.
02
Hosted sign-in flow
A clean authentication entry point for social sign-in, with branded messaging and secure redirect handling.
03
Profile management
A complete account view with profile details, email verification states, and connected account management.
04
User dropdown
An account menu for profile actions, organization switching, and sign out without rebuilding the basics.
05
Browse the Storybook
Every element with its props, states, and theming hooks, rendered live in the public Storybook.
01
Install
Add @authdog/react-elements to your React app.
02
Compose
Drop the elements you need into your routes and layouts.
03
Theme
Restyle with your tokens so the flows match the rest of your product.
Start building with React
Add authentication UI to your React app in minutes with pre-built components your team can actually ship.