February 25, 2026
Framekit 2.0
By Framekit Team
Today we're shipping Framekit 2.0 — the biggest update since we launched.
Since our SEO update, we've been heads-down rebuilding core parts of the platform. Framekit 2.0 brings AI-generated headers, full mobile editing, server-side rendering, a brand-new responsive image component, Cloudflare CDN for all images, and dozens of refinements across the editor, publishing, and live-site experience.
Here's everything that's new.
Added
Opus 4.0
Upgraded the AI engine to Opus 4.0 — the most capable model yet. Smarter layouts, better code quality, and more accurate design outputs across every generation.
Site Analytics
Track how your site is performing with built-in analytics. Monitor page views, visitor trends, and engagement — all from your dashboard.
AI Headers
AI-generated site headers with theme-aware styling, sticky behavior, and full live-site rendering. Headers are now published and displayed across all pages.
Mobile Editing
Full site editing on mobile devices with a responsive popover menu for settings, page navigation, styles, and template management.
Server-Side Rendering
Published sites now render on the server for faster load times, better SEO, and improved Core Web Vitals.
Responsive Image Component
A completely new image component with per-image settings, focal point cropping, smart settings menus, and copy/paste support across blocks.
Reference Images in AI Chat
Paste or drag multiple reference images into the AI conversation. The AI uses them as visual context when generating your design.
Inline Text Editing
Edit text directly inside AI-generated components with a floating toolbar for font family, size, weight, and color.
Custom Code Injection
Add custom scripts to the header or footer of any site — tracking pixels, analytics, chat widgets, anything.
Footer Customization Modal
A dedicated modal for customizing footer components with full theme support.
Homepage Selection
Choose which page loads first when visitors land on your site.
Per-Page SEO Management
Set title, description, and route for each individual page directly from page settings.
Global Metadata & JSON-LD
Enhanced site-wide SEO with structured data, canonical links per page, and automatic sitemap generation.
Canonical Links Per Page
Set canonical URLs for individual pages to prevent duplicate content issues.
Navigation Blur
10px backdrop blur enabled by default on navigation bars for a modern glass-like effect.
Google Gemini 3 Support
Added support for the latest Google Gemini 3 model in the AI pipeline.
Bold Heading Text Style
A new bold-heading style option for enhanced text presentation across blocks.
Lifetime Plan
The lifetime plan is back. Pay once, use Framekit forever — no monthly fees, no limits on what you can build.
Improved
Site Speed
Faster across the board — server-side rendering, Cloudflare CDN for all images, asynchronous font loading, and optimized AI component rendering for significantly improved load times.
SEO
Enhanced with global metadata and JSON-LD structured data, per-page title and description, canonical links, automatic sitemap generation, and an in-app SEO tutorial module.
Image CDN
All images now served through Cloudflare CDN (file-cdn.framekit.ai) replacing Firebase Storage URLs for significantly faster load times worldwide.
Cloudflare Workers
Replaced Firebase Cloud Functions with Cloudflare Workers for better performance and lower latency.
Editor Engine Upgrade
Upgraded the core editor from BlockNote 0.37 to 0.45 — faster rendering, better stability, and new formatting capabilities.
AI Component Speed
Optimized AI component rendering with CSS memoization, caching, and scoped styles for faster page loads.
Asynchronous Font Loading
Fonts on published sites now load asynchronously with weight tracking for faster initial page renders.
Smart Settings Menu
Redesigned with grouping by element, visual dividers, section icons, and draggable popup functionality.
Image Settings
Renamed labels for clarity, improved sidebar image handling, and added per-image settings menus with focal point support.
Page Route Management
Enhanced validation with slug sanitization that cleans special characters and invisible Unicode.
Footer & Theme Styles
Unified text color handling across PageEditorContent and Footer components with consistent theme support.
AI Block Interactivity Detection
AI-generated components are now analyzed for interactive elements, improving how they behave on published sites.
AI Requests Include Theme Colors
AI component generation now receives your site's theme colors for more consistent and on-brand outputs.
Copy & Paste Heroes and Footers
Fixed and improved copying heroes, footers, and general blocks between pages with reliable paste behavior.
Fixed
AI Header Rendering
Extensive fixes for colors, sticky behavior, text toolbar cutting off, and live-site rendering across multiple iterations.
Mobile Viewer Blocks
Resolved disappearing blocks, font loading issues, and incorrect padding in the mobile preview.
AI Chat Dismissal
Fixed the AI chat closing unexpectedly when interacting with modals and other overlays.
Edit Menu & Context Menu
Fixed the edit menu cutting off and incorrect colors in the context menu.
Image Component Re-prompting
Fixed issues with image pasting, dragging into AI chat, and re-prompting image components.
Grid Block Publishing
Resolved parse errors when publishing sites containing grid blocks.
Route Sanitization
Fixed special characters and invisible Unicode in page routes causing broken URLs.
Footer Button Behavior
Fixed footer buttons not working correctly in mobile and tablet viewers.
CSS Hero Scoping
Improved CSS scoping for hero blocks to prevent style conflicts between pages.
Invalid JSON Paste Handling
Gracefully handles invalid JSON in paste operations instead of crashing.
This is just the beginning. We're building Framekit for the long run, and every update is shaped by the people who use it. If you have feedback, ideas, or just want to say hi — we're always listening.
Thank you for building with Framekit.