Polar Billing Integration, Pixel-Art Avatars & Editor Overlays
Billing
Design
Frontend
Feature
Shipped full Polar billing and subscription checkout workflows, deterministic 5x7 font glyph pixel-art avatars, interactive email editor overlays, and modernized pricing tables.
BILLING & SUBSCRIPTIONS
- Polar billing integration. Seamless Polar checkout sessions, subscription status webhooks, and automatic customer portal management.
- Credit tracking & plan resolution. Live email usage tracking against active plan allowances in organization settings.
DESIGN & VISUALS
- Deterministic pixel-art avatars. Created a custom 5x7 font glyph renderer embedding user initials into unique pixel-art avatar canvas tokens.
- Modernized pricing comparison matrix. Sticky headers, plan column highlights, blueprint borders, and custom SVG checkmark/cross indicators.
- Hero & footer visual accents. Added
FooterPixelStrip,FooterBlast, and dark-mode high contrast theme variables.
EMAIL EDITOR
- Interactive image overlays. Inline image resizing, link attachment, and image swap controls directly in the canvas.
- Floating text BubbleMenu. Contextual formatting toolbar powered by
@floating-ui/react-domwith zero layout jitter. - Style override indicators. Visual indicators on modified component styles with one-click reset to template defaults.
- Developer headline. Updated homepage hero to "Email for React Developers" with interactive PixelBlast background styling.