skills.rest
withoneai
withoneaiOFFICIAL
Explore all skills by this author →
Website𝕏@withoneaiGitHub

one-auth

Embed a drop-in authentication widget for React, Vue, and vanilla JS apps.

8|2|Updated Mar 23, 2026
Search Tags:#authentication#frontend#integration#oauth#backend#multitenant
One-click install
npx skills add https://github.com/withoneai/auth --skill one-auth
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: one-auth
Source: https://github.com/withoneai/auth/tree/main/skills/one-auth
Command: npx skills add https://github.com/withoneai/auth --skill one-auth

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

One Auth simplifies adding secure, multi-tenant authentication flows by embedding a drop-in widget that connects users to third-party apps (OAuth and non-OAuth) without building the flow from scratch.

Core Features & Use Cases

  • Embeddable widget for frontend frameworks (React, Vue, vanilla JS)
  • Supports OAuth and non-OAuth connections across 250+ integrations
  • Backend token endpoint required for secure token generation
  • Per-project multi-tenant configuration via One Dashboard
  • End-to-end guide: setup, store connections, and passthrough API usage

Quick Start

Install the @withone/auth package, point the token URL to a full domain endpoint, and use the useOneAuth hook to launch the authentication modal.

Frequently Asked Questions about one-auth

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add multi-tenant OAuth authentication to my React app?▼

Multi-tenant OAuth authentication is added to a React app by embedding a drop-in widget via the useOneAuth hook from the @withone/auth package. This simplifies secure connections to third-party apps without building flows from scratch.

Does drop-in authentication work with Vue and vanilla JavaScript?▼

Yes, the drop-in authentication widget works with Vue and vanilla JavaScript frontends in addition to React. It allows you to embed secure third-party connections across these frameworks without building the flow from scratch.

What backend setup do I need for frontend authentication integration?▼

Frontend authentication integration requires a backend token endpoint and a full token URL for secure token generation. You must configure this endpoint alongside your per-project multi-tenant settings managed via the One Dashboard.

Can I connect users to non-OAuth third-party apps using an embeddable widget?▼

Yes, you can connect users to non-OAuth third-party apps using the embeddable widget. It supports both OAuth and non-OAuth connections across over 250 integrations, managed through your project's multi-tenant configuration.

How do I configure multi-tenant authentication for multiple projects?▼

You configure multi-tenant authentication for multiple projects via the One Dashboard. This per-project configuration allows you to manage OAuth and non-OAuth connections alongside your backend token endpoint setup.

Related Skills

Explore More Software Engineering Skills→
toobuttatoobutta

auth

Implement JWT authentication across FastAPI and Next.js with token refresh.

Community
Advanced
nagasriramnaninagasriramnani

integrations

Discover, configure, and manage third-party service integrations within Replit.

Community
Intermediate
mafvietnammafvietnam

ck:frontend-design

Translate frontend designs into production-ready UI code and reusable components.

Community
Advanced
JustineDevsJustineDevs

authentication-setup

Implement secure authentication and RBAC authorization for web APIs, mobile apps, and enterprise portals using JWT and OAuth.

Community
Advanced