⌁
Auth screens
Login, signup, forgot password, magic-link copy, and protected-route notes.
noCode Human free drop · NCH-021
Ship the boring SaaS parts in one afternoon.
A stylish starter shell with placeholder auth, Stripe billing, a founder dashboard, pricing cards, and clean components you can wire to your real stack.
What is included
Auth, billing, dashboard, components.
Everything is intentionally placeholder-first: drop in Supabase, Clerk, Stripe, Lemon Squeezy, or whatever your vibe-code stack prefers.
$
Stripe billing
Pricing cards, checkout button placeholders, webhook checklist, and env variable slots.
▦
Dashboard shell
Sidebar, top bar, metrics, activity feed, customer table, and empty states.
✦
Clean component set
Buttons, badges, cards, inputs, alerts, modal mockup, and responsive layouts.
Auth placeholder
Swap in your provider.
email@example.com
••••••••••••
ContinueUse this as a visual shell for Clerk, Supabase Auth, Firebase, Auth.js, or a no-code auth flow.
Stripe placeholder
Pricing and billing are ready to wire.
$19 / month
Checkout button placeholder
Customer portal placeholder
Webhook route checklist
Test card instructions included
Setup guide
Simple setup instructions.
Copy the files into your app, replace placeholders, add environment variables, and wire real services when you are ready.
01Duplicate the template
Copy index.html into your project or paste sections into your AI builder.
02Add your services
Fill .env.example with your auth provider URL, Stripe test keys, and webhook secret.
03Customize and ship
Change colors, pricing, app name, dashboard metrics, and deploy to Vercel, Netlify, or your host.