Convex
Vite
React
Tailwind
TypeScript
Claude
OpenAIYour users can't type a password or a credit card with a D-pad. So the phone is the entry point: sign up, pay, see their dashboard, tap their Display to pair it. The glasses are the experience: 600 × 600, single-screen, sensor-driven. Sign in once on the phone, approve once on the glasses; the session carries over through the shared Convex backend. No password on a D-pad.
A Next.js 16 site on the keyboard end of your product. Owns identity and money; passes the session to the glasses.
Real keyboard · real OS
The first two weeks of every project are identical wiring: Stripe, auth, AI providers, deploys, docs, billing portal. Skip them. Spend the time on the part that's actually yours.
You wire it all yourself.
You edit config.ts and ship.
Production-grade integrations for the stack every web product needs. Swap your keys, ship your product.
Clerk auth on both surfaces. Stripe Checkout, Customer Portal, and subscription webhooks running through the official Convex Stripe component. Plan entitlement updates live the moment a webhook lands, no polling. Sign in on the companion, then approve on the glasses over your network; the session carries to the glasses via the shared Convex deployment.
// Authenticated checkout — Convex action + Clerk identity
import { useAction } from "convex/react";
import { api } from "@glasskit/backend/convex/_generated/api";
export function CheckoutButton({
priceId,
mode,
}: {
priceId: string;
mode: "subscription" | "payment";
}) {
const createCheckout = useAction(api.stripe.createCheckout);
return (
<button onClick={async () => {
const { url } = await createCheckout({ priceId, mode });
if (url) window.location.href = url;
}}>
Subscribe
</button>
);
}TypeScript-native real-time database. Reactive queries, file storage, vector search, scheduled jobs, all in one place. Free up to 1 GB and 1M function calls.
Anthropic, OpenAI, Llama API wired through the Vercel AI SDK. Toggle providers with one env var. Streaming responses out of the box.
A conversion-tuned, SEO-ready landing page with Inter typography, Lighthouse-100 SEO, JSON-LD schemas, and a single config file. Swap one file to rebrand the entire site for your product. The boilerplate ships its companion as a polished template, not a placeholder.
@glasskit/glasses-ui: typed 600×600 + D-pad library. useDpad() works with arrow keys locally and Neural Band events on the glasses. Plus six SDK + AI integration showcase demos in app/src/apps/ that wire each sensor + AI primitive. Fork the one closest to your product.
Resend wired through the official Convex component: welcome emails, receipts, notifications. Auth-related mail (verify, reset, magic-link) is Clerk's job; Resend is for the transactional stuff you send yourself. Webhooks update delivery state live.
Tuned AGENTS.md across every workspace + Meta's official Web Apps plugin ships pre-installed under .claude/. Clone it and Claude Code, Cursor, or Codex already know how to build for the glasses. /test-on-device, /publish-to-vercel, and /qr-code are live on day one.
The vite app ships as a launcher with all six demos behind it. Clone, run, sign in once on the companion, and walk through every sensor + AI composition the platform supports. Cherry-pick the demo closest to your product, copy the file, rewrite the prompt and visuals. Design notes for each pattern live in docs/recipes/.
The showcase isn't your product. It's the proof that every primitive works. Pick one demo, fork it, replace the screen specifics and the AI prompt for your use case. The recipes name the adapt-and-ship steps.
For indie makers shipping their own apps
For agencies building for clients
Global VAT handled · Customer Discord role
Anything missing? DM @JarJarMadeIt on X. Paying developers also get a Maker or Agency role (depending on tier) unlocking the private customer Discord on purchase.
The Meta Ray-Ban Display platform is new. Be the team that ships first in a category that will have thousands of apps by the end of the year. Or wait until everyone else has shipped.