Overview
A short personal letter from the founder with a hand-drawn signature, shown right before the paywall. It comes from the Mobile onboarding and paywall kit and also works on its own. Keyboard and screen readers: The letter is an article named by its heading; the reading text is 16 px with a 26 px line height. The signature drawing is hidden from screen readers because the name is printed under it. The signature draws once in about a second; with reduced motion it is shown complete. Built with React 19 and TypeScript, Tailwind CSS 4, Lucide icons and Motion. Light and dark themes come from CSS variables you can edit, and every demo uses believable sample data you replace with your own. Included: the component source, its sample data, light and dark theme variables, a runnable demo page, and setup guides for people and for AI coding agents.
Highlights
- Production-ready, documented source
- Clean, componentized architecture
- Drops into your stack with minimal setup
