# neon-auth-react

> Claude/Codex skill by [@neondatabase](https://omgskills.com/library/neondatabase/index.md) · 18 stars · Updated 2026-10-15

Sets up Neon Auth in React applications (Vite, CRA). Configures authentication adapters, creates auth client, and sets up UI components. Use when adding auth-only to React apps (no database needed).

## Install

```sh
git clone https://github.com/neondatabase/neon-js /tmp/neon-js && ln -s /tmp/neon-js/skills/neon-auth-react ~/.claude/skills/neon-auth-react
```

## From README

Neon Auth for React Help developers set up @neondatabase/auth (authentication only, no database) in React applications with Vite, Create React App, or similar bundlers. When to Use Use this skill when: Setting up auth-only in React (no database needed) User already has a database solution User mentions "@neondatabase/auth" without "neon-js" User is NOT using Next.js (use neon-auth-nextjs skill for Next.js) Critical Rules Adapter Factory Pattern: Always call adapters with () - they are factory functions React Adapter Import: Use subpath @neondatabase/auth/react/adapters createAuthClient takes URL as first arg: createAuthClient(url, config) CSS Import: Choose ONE - either /ui/css OR /ui/tailwind, never both Create Client (src/auth-client.ts) Create Provider (src/providers.tsx) Wrap App (src/main.tsx) --- CSS & Styling Import Options Without Tailwind (pre-built CSS bundle 47KB): With Tailwind CSS v4: IMPORTANT: Never import both - causes duplicate styles.

## Links

- HTML page: https://omgskills.com/skills/neondatabase/neon-js/neon-auth-react/
- GitHub: https://github.com/neondatabase/neon-js
- Author: [@neondatabase](https://omgskills.com/library/neondatabase/index.md)

## More from this repo

- [neon-auth-nextjs](https://omgskills.com/skills/neondatabase/neon-js/neon-auth-nextjs/index.md) — Sets up Neon Auth in Next.js App Router applications.
   - [@neondatabase](https://omgskills.com/library/neondatabase/index.md) · 18 stars
- [neon-js-react](https://omgskills.com/skills/neondatabase/neon-js/neon-js-react/index.md) — Sets up the full Neon SDK with authentication AND database queries in React apps (Vite, CRA).
   - [@neondatabase](https://omgskills.com/library/neondatabase/index.md) · 18 stars

## More skills by this author

- [claimable-postgres](https://omgskills.com/skills/neondatabase/mcp-server-neon/claimable-postgres/index.md) — Provision instant temporary Postgres databases via Claimable Postgres by Neon (neon.new) with no login, signup, or...
   - [@neondatabase](https://omgskills.com/library/neondatabase/index.md) · 654 stars